前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue路由history模式下刷新页面404

vue路由history模式下刷新页面404

作者头像
神葳
发布2021-01-22 16:02:54
1.2K0
发布2021-01-22 16:02:54
举报
文章被收录于专栏:神葳总局

# 原因

vue的路由是由js来控制的,但是,当你刷新浏览器的时候,是向服务器发送请求的一个过程,当访问不到的时候必然会返回404。

# 解决办法

# 后台配合

将请求同意指向一个有效地址。

比如,你的首页请求地址为 www.aaa.com/go.html ,但是路由变为www.aaa.com/main,这时候你可以与后端人员商量,将 www.aaa.com/... 统统指向 www.aaa.com/go.html ,这样就解决了404问题。

# 仿真路由

路由后带.html后缀。

我遇到一个问题,就是页面初次加载时是携带参数的, www.aaa.com/go.html?p=123 ,根据参数p决定是跳转路由A还是路由B,加入跳转到了路由A,也就是 www.aaa.com/routerA ,这时候刷新,就会出现404问题,这时候后端人员帮忙解释解决不了的,因为还需要携带参数。 我的解决办法是:

  1. 先将路由仿真:也就是将 /routerA 变为 /routerA.html ,冰袋跳转时谢丹参数,this.router.push({path: /routerA.html{this.
  2. 这时在 www.aaa.com 下真的存放一个 routerA.html ,在文件里面获取参数p,然后跳转 window.location.href='www.aaa.com/go.html?p=123'

作者个人博客:午后南杂

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-7-21 2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • # 原因
  • # 解决办法
    • # 后台配合
      • # 仿真路由
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档