"h5": {
"devServer": {
"port": 8080
},
"router": {
"mode": "history",
"base": "./"
}
},
1***@qq.com
- 发布：2024-01-22 10:22
- 更新：2024-01-23 19:47
- 阅读：117
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 微信开发者工具 stable 1.06.2308310
浏览器平台： 微信内置浏览器
浏览器版本： 微信开发者工具 stable 1.06.2308310
项目创建方式： CLI
CLI版本号： @vue/ci 5.0.8
示例代码：
操作步骤：
1、打开根目录->跳转到其他页面->刷新页面则是空白
2、直接访问非根目录页面打开白屏
1、打开根目录->跳转到其他页面->刷新页面则是空白
2、直接访问非根目录页面打开白屏
预期结果：
正常访问
正常访问
实际结果：
无法访问，出现白屏
无法访问，出现白屏
bug描述：
1、vue3+uniapp+vite使用history模式时H5无法直接访问除开根目录的其他页面或者刷新也是空白页，后端已经配置了，但是还是不行。改成hash模式可以正常访问和使用
2、在本地输入路由可以正常访问，打包线上除开根目录，其他页面无法通过链接直接访问，需要在根目录跳转才可以
1 个回复
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信
感谢反馈。你提到 h5 vue3+history 访问路由本地可以，线上打不开，这个一般是 nginx 配置有问题。 你可以搜索
vue history nginx找到一些解决方案。