路由改为history模式，运行基本路径改为/wzgzglpt/
<el-image
style="width: 36px; height: 36px; border-radius: 50%"
src="/static/default-avatar.png"
></el-image>
9***@qq.com
- 发布：2022-11-15 16:27
- 更新：2023-02-19 16:24
- 阅读：517
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10
浏览器平台： Chrome
浏览器版本： 107.0.5304.107
项目创建方式： CLI
CLI版本号： 3060420220922001
操作步骤：
预期结果：
预期结果，浏览器F12开发工具查看该图片的链接为 https://xx.xxxx.com/wzgzglpt/static/default-avatar.png
预期结果，浏览器F12开发工具查看该图片的链接为 https://xx.xxxx.com/wzgzglpt/static/default-avatar.png
实际结果：
实际上浏览器F12开发工具查看该图片的链接为 https://xx.xxxx.com/static/default-avatar.png
实际上浏览器F12开发工具查看该图片的链接为 https://xx.xxxx.com/static/default-avatar.png
bug描述：
环境：element plus + vue3 + typescript + vite + history路由模式
使用el-image组件，src加载"/static/default-avatar.png"图片，本地开发环境可以正常显示，但是打包正式环境部署后就无法加载图片了，需要补全运行基本路径，将src改为“/wzgzglpt/static/default-avatar.png”才能加载图片，然后改为使用uniapp的image组件就没有上述情况发生。
9***@qq.com (作者)
"h5" : {
"router" : {
"base" : "/wzgzglpt/",
"mode" : "history"
},
"optimization" : {
"treeShaking" : {
"enable" : true
}
},
"title" : "标题",
"devServer" : {
"https" : false
},
"template" : "src/template.html"
}
这是manifest.json的H5配置
2022-11-16 10:33