vue打包后nginx非根目录部署（例如：http://127.0.0.1/backend）

这里使用的是history模式

1. 更改vue-router配置

 

mode: 'history',
base: '/backend',

2. 更改vue.config.js配置 

publicPath: '/backend',

3. 更改nginx配置

 

 location ^~/backend {
    alias  D:\phpstudy_pro\WWW;
    try_files $uri $uri/ @rewrites;
 }
 location @rewrites {
     rewrite ^/(backend)/(.+)$ /$1/index.html last;
 }

4. 

nginx -s reload