Vue路由History模式打包后页面空白,刷新404
Posted lan-cheng
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue路由History模式打包后页面空白,刷新404相关的知识,希望对你有一定的参考价值。
server { listen 8899; server_name localhost; location / { try_files $uri $uri/ /index.html; } }
第二种就是
# 打包配置 config-index.js 修改路径:
assetsPublicPath: ‘./‘;
# 前端路由配置 router.js:
const router = new VueRouter({ mode: ‘history‘, base: ‘/hello‘, routes })
这里一定要一个加一个base;与项目子级目录名同步
nginx 配置:
server { listen 8088; server_name xxx.com; # localhost修改为您证书绑定的域名。 location / { } location /hello{ try_files $uri $uri/ /hello/index.html; } }
以上只是针对项目放在子级目录的情况,刷新404的问题待解决
以上是关于Vue路由History模式打包后页面空白,刷新404的主要内容,如果未能解决你的问题,请参考以下文章
解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题