1.修改config文件夹下的index.js

assetsPublicPath: '/demo/'  //你的服务器二级目录

vue部署在nginx二级目录

 

 2.修改路由js文件

var base = process.env.NODE_DEV == 'development' ? '/' : '/demo/'

vue部署在nginx二级目录

 

 vue部署在nginx二级目录

 

 部署,可以正常使用。

server {
listen 8022;
#server_name localhost;

location / {
root D:/phpstudy_pro/WWW/Vue/parkingWx2;# 代理根目录 需要使用关键字 root
index index.html index.htm;
# 解决页面刷新404问题
try_files $uri $uri/ /index.html;
}

location /parkingWx2 {
alias D:/phpstudy_pro/WWW/Vue/parkingWx2; # 代理二级目录 需要使用关键字 alias
index index.html index.htm;
# 解决页面刷新404问题
try_files $uri $uri/ /index.html;
}
}

相关文章: