没有合适的资源?快使用搜索试试~ 我知道了~
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
9 下载量 112 浏览量
2021-01-21
11:46:19
上传
评论 1
收藏 188KB PDF 举报
温馨提示
试读
4页
解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题,具体内容如下 一. 异常描述 本来使用的是vue-router的hash模式,但是hash模式下url需要带“#”符号,不仅看起来不舒服,而且有些场景下是会破坏路由中的”#”(微信分享页面就会把”#”后边的内容处理掉),所以就需要使用history模式,然后就让后端改下nginx配置: location / { try_files $uri $uri/ /index.html; } vue-router使用history模式+使用嵌套路由: const router = new Router({ m
资源推荐
资源详情
资源评论
vue router嵌套路由在嵌套路由在history模式下刷新无法渲染页面问题的模式下刷新无法渲染页面问题的
解决方法解决方法
解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题,具体内容如下
一一. 异常描述异常描述
本来使用的是vue-router的hash模式,但是hash模式下url需要带“#”符号,不仅看起来不舒服,而且有些场景下是会破坏路由
中的”#”(微信分享页面就会把”#”后边的内容处理掉),所以就需要使用history模式,然后就让后端改下nginx配置:
location / { try_files $uri $uri/ /index.html; }
vue-router使用history模式+使用嵌套路由:
const router = new Router({
mode: 'history',
routes: [
{
path: '/',
component: mall,
name: 'mall'
},
……
//我的银行卡
{
path: '/myCard',
meta: { requireAuth: true },
component: myCard,
name: 'myCard',
children:[
{ path:'', component: card},
{ path:'add', component: add}
] }
……
] })
访问路由和嵌套路由页面,显示正常,但是刷新页面的时候,嵌套路由页面就出异常了:
资源评论
weixin_38621441
- 粉丝: 7
- 资源: 935
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功