1.该项目是基于cli2.0来做的
2.修改config---->index.js--->build 模块
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/vant/',
}
把 assetsPublicPath修改为你在nginx配置的路径
3.把router-->index.js的模式调整为
mode : 'history',
base : '/vant/',
这里的base 要对应 build里面的 assetsPublicPath 和nginx里面的,不然js文件会找不到
4.配置nginx
server {
listen 80;
server_name localhost;
#root /home/www/dist/;
location ^~ /vant {
alias /home/www/vant;
try_files $uri $uri/ /index.html last;
index index.html;
}
location /admin {
alias /home/www/admin;
try_files $uri $uri/ /index.html last;
index index.html;
}
}
这里配置了俩个项目 一个vant 一个admin
主要的点就是 try_files :这段是为了vue查找index,防止刷新界面就没有,出现空白等
alias 和root的区别 是会加上上面的后缀,可以自行百度。