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

最新推荐文章于 2022-11-10 21:19:47 发布
最新推荐文章于 2022-11-10 21:19:47 发布
阅读量315 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44191425/article/details/119807543
版权
1、最近有个项目然后用的是脚手架3，antd-vue框架,由于项目需要，所以路由的模式采用了history，然后出现了一个问题 那就是一级菜单很完美，二级菜单就死掉了路径出错、找不到问题、嘿、就很nice路由没有错webpack配置也没错那么、抓头发~~~~~~~~经过排查之后，发现是这个东西的锅，他会改变路径，导致了文件找不到，注释掉、万事大吉...
摘要由CSDN通过智能技术生成

补充一下：hash模式没有影响

最近有个项目然后用的是脚手架3，antd-vue框架,由于项目需要，所以路由的模式采用了history，然后出现了一个问题 那就是一级菜单很完美，二级菜单就死掉了

在这里插入图片描述
在这里插入图片描述
路径出错、找不到问题、嘿、就很nice

在这里插入图片描述

路由没有错

在这里插入图片描述
webpack配置也没错

那么、抓头发~~~~~~~~

经过排查之后，发现是这个东西的锅，他会改变路径，导致了文件找不到，注释掉、万事大吉
在这里插入图片描述

左撇子没秃头
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
解决vue单页路由跳转后scrollTop的问题
10-18
本文将详细介绍如何解决Vue单页路由跳转后scrollTop的问题。 首先，这个问题通常是由于浏览器的默认行为导致的。当你通过Vue Router进行路由跳转时，浏览器会记住之前页面的滚动位置。为了解决这个问题，我们可以...
vue2.0项目实现路由跳转的方法详解
08-27
Vue2.0 项目实现路由跳转的方法详解 在 Vue 项目中，路由跳转是必不可少的一部分，通过路由跳转，用户可以在不同的页面之间进行跳转，提高用户体验。下面我们来详细介绍 Vue2.0 项目实现路由跳转的方法。 一、安装...
vue-router路由跳转 出现报错解决
tsqjxy的博客
06-23 2128
出现错误 方案一 在router下的index.vue中进行修改 直接添加以上代码即可。 方法二 找到跳转引起报错的地方，加catch 这个console.log可以啥也不打印，但是必须得写，否则无效 方案三 将自身的vue-router进行降级...
vue3.0开发环境请求接口正常，打包后在测试环境请求接口失败
agua001的博客
09-10 3020
开发环境： 测试环境： config配置： 对比后发现，测试环境请求的是： 端口号没写默认80。 原因是后台没在nginx做反向代理，本地（开发环境）是本地请求nginx服务器，如果在config中没配置代理，就会报跨域问题，打包上测试环境，请求是nginx与服务器间的关系，即服务器对服务器。 所以下次遇到这种问题，不能着急的跟后台说配反向代理。因为后天的反向代理可能有针对前端的，也有可能针对服务器的。 老师，您辛苦了。节日快乐！ ...
vue-router使用后在本地可以跳转,test环境this.$router.push()失效问题
weixin_47239395的博客
08-13 1365
(错误方法) 一开始: 怀疑是this指向问题,试了下发现不是这个问题 var that = this, that.$router.push() 然后怀疑是路由没写好: that.$router.push({name: '/home'}) that.$router.push({path: '/home'}) that.$router.push('/home') 各种都试了下,没用- - 然后打断点开始一一排查,又怀疑是mode: 'h
【vue部署】本地正常，部署后报404
weixin_45475798的博客
11-10 3402
【vue部署】开发环境正常，部署后（生产环境）接口报404
Vue学习-组件之间跳转，右侧页面刷新，但左侧菜单栏选中状态未刷新
Java_Scholar0的博客
03-19 2677
解决前图片: 解决方法: 在嵌入菜单的组件中添加路由监听 select(m){ this.menuList.forEach(element => { if(element.children.length > 0){ element.children.forEach(child =>{ if(child.path == m){ this.selectMenu = child; ret
Vue路由跳转问题记录详解
08-30
在本文中，我们将深入探讨一个具体的Vue路由跳转问题，以及如何解决这个问题。 首先，我们要了解Vue Router的基本结构。在示例中，我们看到这样的路由配置： ```javascript { path: '/tab', component: Tab, ...
解决vue脚手架项目打包后路由视图不显示的问题
10-18
然而，在将项目打包上线时，可能会遇到一些问题，其中之一就是路由视图不显示。本文将详细解析这个问题的原因以及如何解决。 首先，我们来理解Vue Router的工作原理。Vue Router是Vue.js官方的路由管理器，它允许...
解决vue+router路由跳转不起作用的一项原因
11-20
如下所示： Vue.use(Router) export default new Router({ mode:'history', routes: [ { path: '/', component: Login }, { path: '/login', component: Login }, { path: '/register',component: Register}, {path: '/*', component: NotFound}, ] }) 记得要写上 mode:’history’, 原因如下 补充知识：vue-router配置后地址栏输入跳转不
vue踩坑记录之数组定义和赋值问题
12-29
问题场景：vue页面初始化展示请求后台返回的数据失败，没有报错 有效日期> type=daterange range-separator=至 start-placeholder=开始日期 end-placeholder=结束日期> data(){ return{ effective
vue动态获取菜单，动态跳转
cjy1575944940的博客
07-29 1931
设定vue路由数据为从数据库里查询，而且能根据登录者角色不同而进行动态的首页跳转
vue项目上线路径跳转无效(404问题)
Alice_sy314的博客
04-19 5472
在近期做的一个小项目中，本地路由跳转没有任何问题，使用nginx部署上线后出现很多路由无法跳转的问题。经过一番研究，发现可以通过以下两种方式解决。 法一.将路由改为hash模式 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会向后端发出请求。 为什么hash模式下没有问题 router hash 模式我们都知道是用符号#表示的，如 website.com/#/login, hash 的值为 #/login 它的特点在于：
vue项目上线后在地址栏进行路由跳转出现错误页面，无法正确跳转
weixin_53068161的博客
07-17 2551
vue项目上线后路由跳转出现错误页面，无法正确跳转解决方法： 提示：本文主要介绍遇到vue3项目上线后路由跳转出现错误页面，无法正确跳转的解决方案 解决方法： 更改路由的跳转方式为hash模式： 在router/index.js下添加： import { createRouter, createWebHashHistory } from 'vue-router' 并修改原来的History模式 const router = createRouter({ history: createWebHist
vue 路由 router跳转问题 路由跳转不显示
ccq的博客
09-30 2276
路由 vue路由 路由跳转 前端路由跳转问题 router
【vue】‘跳转页面’
STATICHIT静砸的博客
11-03 893
比如先做好一个简易的登录页面，login.vue，然后我们还准备一个主页vue，绑定好路由配置后，其中登录按钮的方法中就this.$router.push("/main")即可。然后呢，是把页面封装为一个主键，不要写在App.vue页面中，App.vue里只需要留一个组件占位符即可。之前刚学完四小时入门vue觉得挺简单的，然后开始写的时候被路由这玩意整麻了，看了好多教程都没搞明白怎么操作，然后就又去补了一波路由，现在思路清晰多了。让初始页面转到登录页面即可。主要是用到$router.push()来操作。
解决Vue配置路由不生效，自动跳转到首页
Hzz的博客
12-03 9223
解决Vue配置路由不生效，每次都重定向到首页的问题
嗨购vue账号权限设置没效果 路由出问题了吗
最新发布
07-14
嗨！首先，很抱歉听到你遇到了问题。关于Vue账号权限设置无效的问题，可能有几个原因...如果你能提供更多关于问题的详细信息，比如代码片段或错误提示，我可以更具体地帮助你解决问题。希望这些建议能对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

左撇子没秃头

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值