前端Vue项目使用Nginx部署上线

1.npm run build打包
2.生成的dist文件最好放在英文路径下
3.配置nginx
vue官方文档

将此代码块放在nginx配置中进行修改

location / {
      root   /app;
      index  index.html;
      try_files $uri $uri/ /index.html;
}

4.nginx具体配置如下
1）如果vue项目中配置了pathRewrite: { ‘/api_permission’: ‘/’ },

2）如果vue项目中配置了pathRewrite: { ‘/api_permission’: ‘api/’ },

5.启动nginx
start nginx --启动
nginx -s reload --重启
nginx -s stop --停止运行

6.访问本地刚才设置的端口（8005）