[vue-router]vue3.x Hash路由前缀问题
- 问题描述
- 问题分析
问题描述
是在本地开发时,使用的HASH路由,然后在偶然的情况下在/#/
前添加了前缀,发现不影响本地的路由的使用???!!!
例如,本地正常情况下哈希路由是:
http://localhost:8080/#/user
添加前缀:
http://localhost:8080/fly/#/user
本地时,以上两种情况均可正常查看页面,然后担心线上产品有同样问题,赶紧查看,发现添加后报错
该问题只存在于本地,不影响线上!!! 原因是什么???
问题分析
最先想到是路由本身的问题,然后考虑到路由线上也是使用的,如果路由存在问题,则线上线下都应该有问题
那么就是本地开发设置的脚手架问题??
本人在vue.config.js启动的本地项目也尝试了同样的操作,发现同样报错误:
而出现问题的项目的环境是:
"vue": "^3.3.4",
"vue-router": "^4.2.5",
"vite": "^4.4.4",
没有问题的环境是:
"vue": "^3.3.4",
"vue-router": "^4.2.5",
"@vue/cli-service": "~5.0.8"
最大的不同是脚手架不同
因为该问题仅存在于本地,还没有找到合理的解释与解决方案,因此仅仅先做个记录