问题： Vue动态路由刷新404
一、问题
使用router.addRouter动态注册路由后通过 router.push可以正常访问，如果通过点击浏览器的刷新按钮就会进入404页面
二、已尝试过的方法
1. 删除静态404路由，将404路由放在动态路由添加后再添加
2. 使用过的函数 router.addRouter
Vue动态路由刷新404
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2022-06-02 16:56回答 1 已采纳 router用hash模式吧 export default new Router({ mode: 'hash', routes: [ ...] })
- 2021-12-17 21:25回答 4 已采纳 你这个重定向到/HelloWorld,但是你又没有配置这个路由
- 2023-03-11 17:59回答 2 已采纳 可以参考一下这个http://t.csdn.cn/tSsV4
- 2023-10-26 15:06阿龙IT的博客 在刷新的时候，会清除动态路由，这个时候尚未加载路由，然后基础路由上*匹配的是404页面，此时就会跳转到404页面。解决办法 : 在动态路由后面添加通配符路由规则。
- 2022-06-02 10:50回答 1 已采纳 需要做个nginx配置 location / { try_files $uri $uri/ @router; } location @route
- 2022-04-18 19:22回答 3 已采纳 不用params传，用其他方式传递数据，比如eventBus
- 2022-07-22 10:13回答 3 已采纳 这好办，有3种方案，你视情况选择1，如果你的跳转是使用路由跳转，你可以在点击编辑跳转前，将当前表格数据通过路由跳转传参一起带过去，然后在新的页面取到路由参数即可2，可以使用缓存，如果是用一个域名的话，
- 2023-02-12 15:22Gao_web的博客 vue动态路由时会遇到一些坑，这里总结一下，并提供解决思路。
- 2022-01-14 10:55回答 4 已采纳 将publicPath:'./'，改成publicPath:'/'可解决这个问题（猜测vue3的资源路径不在一起导致的，vue2的资源是在一起的）
- 2022-08-13 11:07回答 2 已采纳 获取路由参数信息用的是this.$route跳转路由才是用this.$router$router和$route的区别https://blog.csdn.net/yolo_link/article/de
- 2022-03-17 14:13回答 4 已采纳 isShowNav.value = true;
- 2022-03-03 19:02Maggieq8324的博客 记录下Nginx部署Vue项目刷新404的解决方案，遇到了两次，route用的是history路由模式，动态路由： { path: '/article/:blogId', name: 'blog', component: blog } 然后部署nginx， location / { root /usr/...
- 2020-10-23 15:01回答 3 已采纳 window.location.href 可以获取当前页的链接 然后自己把参数拆出来
- 2023-04-06 15:21墨暖的博客 vue动态路由白屏， vue3动态路由白屏，动态路由白屏
- 2023-10-31 22:38#abstract.的博客 本文章基于Vue3+VueRouter4，介绍了如何解决动态路由刷新变空白或者404！
- 没有解决我的问题, 去提问
问题事件
创建了问题
11月25日
悬赏问题
- ¥50 AI大模型精调（百度千帆、飞浆）
- ¥15 关于#c语言#的问题：我在vscode和codeblocks中编写c语言时出现打不开源文件该怎么办
- ¥15 非科班怎么跑代码？如何导数据和调参
- ¥15 福州市的全人群死因监测点死亡原因报表
- ¥15 Altair EDEM中生成一个颗粒，并且各个方向没有初始速度
- ¥15 系统2008r2 装机配置推荐一下
- ¥500 服务器搭建cisco AnyConnect vpn
- ¥15 悬赏Python-playwright部署在centos7上
- ¥15 psoc creator软件有没有人能远程安装啊
- ¥15 快速扫描算法求解Eikonal方程咨询