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(...
·
项目根目录文件夹名称: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、以上三处设置的名称必须一致,不然会出现下面的错误
更多推荐
已为社区贡献3条内容
所有评论(0)