列举几种部署方式:
如果vue的路径是默认hash则不会出现history方式的404错误,这里先不说了;
以下均为vue路由mode=history方式:
1.最简单的方式:
将vue打包生成的dist中的static和index.html放到nginx的html包下;
location / {
root html;
try_files $uri $uri/ /index.html;
}
2.vue添加basepath=admin后方式(同样放到html文件夹):
location /admin {
root html;
try_files $uri $uri/ /index.html;
}
3.vue添加basepath=admin后方式(放到非html根目录,比如放到了/ceshi/dist):
location /admin {
root ceshi/dist;
try_files $uri $uri/ /index.html;
}
并且需要更改config文件夹下index.js,修改 assetsPublicPath: '/'为 assetsPublicPath: '/admin/';
4.摘自脚本之家(其实跟3一样,就是root和alias的选择):
1、修改config/index.js
2、修改路由route/index
3、后台配置nginx