vue 路由权限 页面刷新时报404问题

最新推荐文章于 2024-08-12 17:09:58 发布
最新推荐文章于 2024-08-12 17:09:58 发布
阅读量3.1k 收藏
点赞数 1
分类专栏： 篮子疼系列 文章标签： 前段 vue 路由权限 vue 路由守卫 路由404
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38641550/article/details/82628578
版权

开始的时候我是这么写的

、

这个时候刷新页面 已经配置好的路由 页面莫名其妙跑到404了

闹心啊

各种debugger都不好使

然后问了一下群 

大佬说 这个404 不能写到路由 要 在addrouter里进行拼接404这个路由

然后我就 把这个注释了在这里试了一下

卧槽  大佬大佬

 

 

沙鑫741
关注
专栏目录
vuex+element 从后台获取数据写导航栏-菜单权限
Start2019
01-21 1343
1. 使用 vuex 处理数据，不需要 localStorage、sessionStorage 来缓存数据。 2. router.addRoutes() 3. import 和 require 4. 如何使用 vuex。
【从入门到提桶】vue3.2 + vite + vant + pinia + ts 移动端 h5 项目实践
xxxzzzqqq_的博客
03-15 2259
预览图片旋转就讲完了。不过，扩展名里加 .vue 的话会报错，一般来说 .vue 文件编译之后会是 js，但是 .vue 里面如果包含了样式，会单独提取出来作为一个虚拟的文件，通过查询参数 type=style 来读取，这里以 babel 来转译样式文件当然报错。别急，你以为就这样完事了吗，并没有。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
vue-route部署后刷新出现404的解决
zhouanwen的博客
09-27 4674
使用vue-route完成vue单页应用项目是很便捷的，但在编写调试时一切使用正常，一旦打包发到web服务器点击跳转没有问题，但是刷新浏览器就出现404。出现这个问题是应为vue-route是在js层完成的定向跳转，所以直接是不能访问，要解决这个问题只需要将web服务器设置定向拦截，拦截所有就访问都转向index就可以解决。
vue.js 刷新后404问题
jodan179的专栏
02-28 4232
问题说明：vue router  mode 默认为hsas, 这样的url中带有#，让有强迫症的人很不爽，如果修改？const router = new Router({mode: 'history',    routes,    strict: process.env.NODE_ENV !== 'production',});爽了，但一刷新，就会404，为什么，因为本地路径中没有这个真实资源存在...
vue项目，页面刷新就404了
最新发布
一个UI、前端爱好者。
08-12 1197
history模式：需要在服务器端配置，确保所有路由都重定向到index.html。hash模式：更简单，不需要服务器端配置，但 URL 中会有。根据你的项目需求和服务器环境选择合适的解决方案。
Vue项目 刷新出现404问题
星浩的博客
08-31 1933
将用于路由的js文件里面的mode值改下就行，例如我的js文件如下图。mode: 'history' 修改为 mode: 'hash'配置文件里，添加如下代码，再刷新就OK了。
vue添加动态路由，刷新404问题
在工作中修行，达到禅定~~
10-26 862
在刷新的时候，会清除动态路由，这个时候尚未加载路由，然后基础路由上*匹配的是404页面，此时就会跳转到404页面。解决办法 : 在动态路由后面添加通配符路由规则。
vue从零开始学习
welcome to 一点点 home
09-02 1182
2023-09-02 10:20:37.437 INFO 3392 --- [nio-8080-exec-2] c.m.mall.service.impl.IAdminServiceImpl : 其他情况就是错误没有达到五次和账户没有锁定的情况，这儿是判断密码如果不一致，那就是登录失败。
Vue3.0项目---蜘蛛电影（解析）
weixin_43842821的博客
04-09 844
项目简介 蜘蛛电影主要是仿猫...
前端实习问题总结及实习内容归档
没有名字适合我的博客
05-06 5773
前言 近日在公司切身实习，总结一下遇到的一些问题供自己日后参阅。 （ps：因没有上下文，问题可能比较突兀） 总结 因用的公司mac，自己配各种环境时遇到最多的问题就是 权限不够！ 1. // 安装npm 全局包时权限不够 在安装命令前加上sudo，如$ sudo npm i -g npm 或者直接更改权限sudo chown -R $USER /usr/local 2. // 公司使用git...
Vue添加动态路由后，不同角色访问“/”产生404问题
Moon Star
08-24 3177
若依二次开发，不同角色访问对应不同的首页，访问地址“/”一直跳转到404页面的问题。 ​
vue单页应用路由刷新后显示404错误
miracle0623的专栏
12-06 652
近期有一个项目，上线部署后，发现页面刷新后报404错误，经查原来是因为路由选择的history模式，需要在nginx配置一下。 location / { try_files $uri $uri/ /index.html; } 参考资料：HTML5 History 模式 | Vue RouterVue.js 官方的路由管理器。https://router.vuejs.org/zh/guide/essentials/history-mode.html#后端配置例子 ...
vue动态路由 与404
weixin_50760181的博客
07-20 130
今天做项目遇到个问题 就是配好的动态路由，之前项目也可以用，刷新也没问题，突然跟我开啦玩笑 找啦一上午的问题 原来是不可以用 * 通配符 也不知道为啥？？反正删啦就好啦 就ok啦 ...
vue-router addRouter添加动态路由后，在子组件上一刷新就404.
weixin_47372236的博客
10-27 1549
原因：静态路由的最后添加了404页面，静态路由的最后是个*优先级高。 苦恼了两天，最后在点击这里 方案:把404页面放到动态路由添加的最后就好。 // 引入路由文件这种的公共路由 // import { constantRoutes } from "../router"; // Layout 组件是项目中的主页面，切换路由时，仅切换Layout中的组件 import Layout from "@/layout"; export function getAsyncRoutes(routes) { cons
vue-element-admin把动态路由放导航列表中间，动态路由刷新跳转404
weixin_43957510的博客
09-25 1874
需求 把动态路由放在导航中间而不是最后 思路 只要在修改原来插入动态路由的地方就可以 操作 修改文件： /src/store/modules/permission.js。 const mutations = { SET_ROUTERS: (state, routes) => { state.addRoutes = routes // state.routes = constantRoutes.concat(routes) //权限路由在最后 // 把权限路由放在中间，在c
vue 动态路由 addRoutes 刷新页面404（空白）
热门推荐
huangruifeng的博客
06-03 1万+
vue开发页面，通过addRoutes实现动态路由的添加，但是在进入对应页面的时候刷新时跳转到404或空白，最后发现只需把空白页面跳转直接加载到动态路由后面即可解决，代码如下： 1：静态路由中注释掉{ path: '*', redirect: '/404', hidden: true }（如果有） 2：在动态路由中push上面注释掉的路由，asyncRoutes.push({ p...
vue-admin-template解决使用动态路由刷新后404
SKY_PLA的博客
01-04 4863
背景：设置好动态路由后，在页面刷新或者加载会出现定位到404问题 问题原因： 权限控制的路由模块是动态添加进去的，404监听路由是在默认路由里面的，优先级比动态路由要高，所以刷新后默认先被404接管了，把404监听路由也放到动态路由的末尾就可以了 解决办法： 我把我constantRoutes 里面的404注释掉了，然后asyncRoutes里面加一个就好了 ...
路由刷新404
qq_42673825的博客
07-04 103
// 修改 src\router\index.js const createRouter = () => new Router({ // mode: 'history', mode: 'hash', scrollBehavior: () => ({ y: 0 }), routes: constantRoutes })
vue 动态路由登陆后刷新页面404或者白屏处理方式（非常简单）
qq_46083263的博客
01-14 1119
刷新后发现match数组长度为0了，看了好多文章才知道是因为vueX刷新之后数据丢失造成路由列表数据丢失,所以匹配不到要进入的路由信息。
Vue项目404页面定制与路由失效重定向
在Vue项目开发中，遇到路由不存在时的404页面管理是一个常见的需求。当用户尝试访问未定义的URL时，提供一个友好的404错误提示不仅提升用户体验，还能避免浏览器默认的空白页展示。在Vue路由配置中，可以通过设置`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值