1.将vue项目进行打包
npm run build,生成dist文件夹
2.下载nginx,可取nginx官网进行下载
3.将dist文件夹拷贝到nginx文件下的html文件夹里面
4.修改nginx.config
location / {
root html/dist;
#root html;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
try_files 是用来解决vue项目在nginx部署,刷新404的问题(因为文件路径并非真实存在的,需要重定向到页面里)
5.执行start nginx命令启动,即可。