[vue-router] history模式下路同无法跳转

在从hash模式切换到history模式后,遇到vue-router点击无法跳转的问题,本地开发时 vant组件样式异常,van-popup内的van-cascader弹框内容无法显示。解决方法是检查publicPath配置,将其从相对路径改为绝对路径,从而修复资源加载问题。问题的根源在于前端开发者在切换路由模式时遗漏了相应配置,依赖cdn导致了问题的出现。
摘要由CSDN通过智能技术生成

本地dev运行和build-nginx运行,vant的样式异常 和 组件van-popup 包 van-cascader 的弹框显示不出内容!

出现此问题的上一步是因为项目中配置的cdn无法访问,导致界面加载混乱,所以将cdn的引入屏蔽。但是本地开发时,屏蔽了就导致vue-router报错,点击按钮跳转子路由时无反应,报错如下:

第一次突破,发现如果把屏蔽的cdn打开,就能正常点击了。

问题,但是这是做的移动端网站,手机上加载图书入库时,要选库位(van-popup 包 van-cascader 的弹框),该库位显示不出内容,titlebar的样式也异常?

第二次突破,发现如果把cdn打开,将vue-router的mode改为hash, 就titlebar样式和弹框都正常了。

问题,项目使用的是平台登录获取授权码再到系统后端验证的方式,然而hash 模式会自动在url后面添加#号,导致登录后一直刷新授权码?

了解到最开始是用hash模式开发的,后来改为平台授权码登录的方式,就将mode改为了history。

第三次突破,/asstes/47.js这个地址在根路径下是能访问的,于是怀疑是webpack配置的问题,前、后端都按网上搜出的方案改了,各种怀疑测试定位,都未能解决问题。

第四次突破,抓住是由hash改为history的,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值