常出错：路由不跳转问题

最新推荐文章于 2024-04-16 14:19:58 发布

Timothy229

最新推荐文章于 2024-04-16 14:19:58 发布

阅读量289

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/unaided222/article/details/137058785

版权

本文概述了在开发中遇到的路由不跳转问题，主要涉及注册路由语法错误、组件名拼写、路径引入和<router-view>标签的缺失，鼓励读者分享更多可能的问题解决方案。

摘要由CSDN通过智能技术生成

又是一个经常出问题的点：路由不跳转，在这里整理下常出错的原因，不要再犯迷糊了！

1.在外使用routes=[ ] 注册路由，写进router里面不要写成route！！

2.routes=[

path:'/xxx',

component:XXX

]

component没有SSSS！

3.检查引入路径

4.记得添加<router-view/>

还有哪些会造成路由不显示的问题，欢迎大家补充！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Timothy229

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue-router 4.0 动态路由会跳转到 404 页面的问题

纯爱枫若情的博客

07-10

7552

当然以上的代码只适用于我们文章一开始假设的场景，真实的业务场景中，应该会有更多更复杂的情况，但是万变不离其宗，只要理清了思路，掌握了原理，找到了应对方案，再复杂的场景也能一步步抽丝剥茧，应付起来将会游刃有余。所以，我们就会借用，router 提供的一些列的生命周期函数，来帮助我们确保，当用户信息存在的时候，能自动添加我们的动态路由。一种场景是，当用户未登录，这时候，也没有 vip 这个路由的存在，那么路由匹配不到，会直接被。为了用户体验的友好性，我们不可能让用户每次用我们的页面的时候，都先执行一遍登录。

解决进行路由跳转modal会出现的样式问题

upStar1的博客

04-15

879

真的很无语，搞了两天结果发现其实很简单。之前项目需要点击按钮，进行路由跳转到对应的页面。现在需要把几个按钮合并，放进一个modal里。所以我进行了modal的嵌套，但是嵌套之后页面样式出现了问题。ivu-modal-content样式丢失。 bug如下：发现问题之后我首先对样式进行了调整，很显然是没用的。后来发现modal是不需要嵌套的，可以直接写在外面调用。一开始是进行了嵌套后来发现直接写在外面就好了具体原因未知，总之很无语。关于路由跳转的问题可以看.

参与评论您还未登录，请先登录后发表或查看评论

vue项目路由不跳转的问题

南北极之间

10-22

3530

安装了路由模块后没有跳转。解决：需要做3件事： 1，配置main.js 2，配置index.js 3，在APP.vue里面加入<router-view> （这个一定要记住）

RouterLink设置路由跳转，页面地址已经更新但是页面没有跳转

weixin_48823116的博客

07-05

2259

RouterLink设置路由跳转，页面地址已经更新但是页面没有跳转

vue使用路由不跳转不报错原因

m0_56553972的博客

01-24

1739

打错了单词找了好久，也不报错

vue+router路由跳转不起作用的一项原因

热门推荐

oXiangZuoZuo12345的博客

08-01

2万+

Vue.use(Router) export default new Router({ mode:'history', routes: [ { path: '/', component: Login }, { path: '/login', component: Login }, { path: '/register',component: Registe...

【Vue】Router路由无法跳转问题整理

Sheldon74的博客

09-08

1万+

Vue Router路由无效或异常等问题整理

vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决

10-14

然而，在实际开发过程中，可能会遇到重定向不显示或跳转出错的问题。以下是一些可能导致这些问题的原因和解决方案。 1. **配置错误**：当设置`redirect`为`'/index'`时，确保你的路由配置是正确的。Vue Router的...

关于vue项目的踩坑日常之路由没问题，但是跳转出问题

weixin_44191425的博客

08-19

338

1、最近有个项目然后用的是脚手架3，antd-vue框架,由于项目需要，所以路由的模式采用了history，然后出现了一个问题那就是一级菜单很完美，二级菜单就死掉了路径出错、找不到问题、嘿、就很nice 路由没有错 webpack配置也没错那么、抓头发~~~~~~~~ 经过排查之后，发现是这个东西的锅，他会改变路径，导致了文件找不到，注释掉、万事大吉 ...

前端控制台不报错但是写了router不跳转的问题

qq_51978140的博客

04-16

290

前两天一直被这个问题折磨，因为前端没有报错，然后检查了好几遍router都没没发现路径的问题，而且跳转页面的接口也显示200，但是页面没有变化，然后干脆把代码都粘贴到了可以跳转的页面里，发现就成功了。后面发现是侧边栏有设置默认跳转的页面。设置了这个参数，如果想跳转到其他页面是不能成功的。

解决vue-router跳转不起作用

Felicity的博客

05-13

1万+

router 这么写： export default new Router({ mode: 'history', routes: [ { path: '/homePage', name: 'HomePage', component: HomePage }, { path: '/topUpPage', n...

记录 VUE+electron 动态路由无法跳转问题

Sky_xinkong的博客

10-11

1356

问题描述：公司开发完成的VUE项目，后期需求更改为桌面应用模式，在原项目上安装 vue-cli-plugin-electron-builder 插件来集成 Electron，所以遇到了不少问题。在这记录一下，也方便同学们参考参考

关于VUE Router不跳转原因

qq_52721945的博客

09-14

4071

router对关键字是很注重的不能随意取它会有内置的一些关键字对不上关键字是识别不了的（小白个人理解）

路由跳转可能存在的问题

马大哈的博客

07-09

818

路由重复跳转存在的问题

静态路由Route不生效的解决方法

qq_36323157的博客

06-21

8754

静态路由Route不生效的解决方法

vue配置路由，路由不跳转，页面不显示

qq_41988113的博客

04-26

1万+

问题1：路由不跳转遇到这个问题第一时间去检查自己的代码（1）在router index.js中 ①查看这两个routes是否一致 const routes:[ ... ] const router = new VueRouter({ routes, }) ②配置中的component是否多加了s { path: '/home', component: Home }, ③导入的文件路径是否正确 const Home = () => import('../vi

vue cli4解决全局守卫不能跳转问题

weixin_52240193的博客

05-15

356

vue cli4解决全局守卫不能跳转问题 router.beforEach((to,form,next)=>{ to 放行的路由 form 从哪个路由离开 next 函数，决定放行哪个路由，因为默认值为false了，所以如果跳转不了时，设置next(true)就行了 } ...

Vue路由导航跳转中页面无法实现跳转

weixin_43651017的博客

10-07

5509

vue路由导航中出现页面无法跳转的情况

前端路由配置正确但是页面无法跳转，且输入正确的路由地址页面还是跳回请求头中的Host地址

m0_48270515的博客

09-21

2107

手残经历首先产生问题的是重定向到的登录页面url无法跳转且页面空白本来想配置根据不同的环境跳转到不同的base url 但是原来的let base= Base.BaseAPI忘记删掉了，且引入Base的import被我删掉了。。。我反复检查router.js文件都没有问题在一番折腾之后，我才想到复制其他页面地址有没有问题总结：1.页面url跳转问题不一定跟路由有关，也可能是你的相关页面要请求的地址没有获取到 2.下次遇到问题不要慌一定要先定位好问题 ...

若依动态路由跳转白屏