windows环境下 vue3+vite+Go+Mysql+Nginx宝塔部署(https)

windows环境下 vue3+vite+Go+Mysql+Nginx宝塔部署(https)

vite打包

//命令
npm run build

此时生成一个dist文件,然后把这个文件压缩打包.

Go打包

go build main.go

• main所在目录出现main.exe执行文件.
• 所有配置文件等依赖文件全部打包

服务器安装宝塔面板

• 安装mysql数据库
• 安装nginx
• 新增一个网站目录,根目录直接指向nginx下的html文件夹(先把里边文件都删了),然后把dist(vue文件)都解压缩到html目录下
• 配置ssl,如果不是https,可以跳过,再网站目录下的ssl里边填写自己的ssl密钥

配置nginx

• 在nginx路径下 E:\bt\BtSoft\nginx\conf\vhost 这是我的目录,找到自己的网站.con文件

• 然后加上这一句即可, 目的是防止Vue项目在刷新的时候出现404的问题

  error_page 497  https://$host$request_uri; 
  	try_files $uri $uri/ /index.html;  #加上这一句即可,index.html根据自己的名字填写即可
      #SSL-INFO-END
  

• 因为我的api服务器和vue在一起,就没有配置反向代理,实际上我也不会.

重启nginx测试

ue在一起,就没有配置反向代理,实际上我也不会.

重启nginx测试