[vue-router]vue3.x Hash路由前缀问题

[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"

最大的不同是脚手架不同

因为该问题仅存在于本地,还没有找到合理的解释与解决方案,因此仅仅先做个记录

你可能感兴趣的:(前端模块开发,vue.js,哈希算法,前端)