Vue history路由模式配置及后台配置

项目根目录文件夹名称：rootFile

一：后台配置：

1、Nginx：

location ~ ^/rootFile/ {

      root F:/XXX;
      try_files $uri $uri/ /rootFile/index.html;
}

二：Vue配置：

1、文件 router.js将 mode 设置成 history 模式，并设置base：rootFile（和网站根目录名称一致，不然会报错）

2、config > index.js 找到build，将assetsPublicPath设置成绝对路径/rootFile/（和网站根目录名称一致）

PS：

a、assetsPublicPath如果设置相对路径，路由history模式在嵌套子路由页面刷新会出现js、css文件路径引入出错，如下图所示：（本例中正常http://localhost/pcamgmt/static/css/app.2dda5df858cf41e470393e13abea4dd4.css，因为嵌套路由的原因，刷新页面会读取到父级路由并加入到引入的路径中，看图二）

图一：

图二：

b、以上三处设置的名称必须一致，不然会出现下面的错误