通过部署Vue.js项目为例(Vue3.0)
1.安装nginx
首先登陆宝塔管理页面,在软件商店里面一键安装nginx

2.打包Vue.js项目到dist文件夹中
只需在完整到Vue.js项目中运行npm run build
即可,然后会自动在项目目录下生成dist文件夹

3.点击刚才安装的nginx上的设置==>配置修改
注意:先观察server中root的路径,在宝塔面板中将打包好的dist文件上传到该路径。(下图的路径为/www/server/phpmyadmin
,文件上传后手动添加/dist
)

4.记住端口号
访问时需要以配置文件中的的端口号进行访问,端口号也能修改,不过修改后需要确定此端口是否开放,笔者用的阿里云ecs,修改开放端口号登陆服务器即可。(图中绑定的是8888端口)

5.重启服务器
重启服务器后,在浏览器打开 域名:端口号 即可

try_files $uri $uri/ /index.html;
即可
注意:只要修改配置文件,就需要重启服务
