部署vue项目

前因

最近在部署ChatGPT网站,由于使用的时候页面会自动刷新(猜测有日志产生后台重新编译)
导致用户体验很差,查询了解决办法,需要把vuejs的项目打包成静态网站部署。

部署

使用命令pnpm build在本地打包,静态文件会放到dist目录下边。

新建网站,把刚刚打包好的文件放到服务器网站下。
newsite

找到配置文件
modifyconfig

配置文件,增加如下内容

1
2
3
4
5
6
7
8
9
10
11
12
location /api {
rewrite ^/api/(.*)$ /$1 break;
proxy_pass http://127.0.0.1:3002;
index index.html;
}

location / {
if (!-e $request_filename) {
rewrite ^(.*)$ /index.html?s=/$1 last;
break;
}
}