问题前提:router配置了baseUrl,base: baseUrl
export default new Router({
base: “/test/”,
routes: [],
})
1、问题描述:打完包服务器上有些图片路径(都是相对路径)不正确,一部分路径正确。正常渲染的图片会被渲染成base64,不正常渲染的路径会自动带着baseUrl,导致图片路径错误无法渲染。
//data中加载的是assets目录下的图片
img: require("../../assets/1.png")
//打包后页面渲染结果:
<img data-v-62f657f8="" src="/static/img/1.3d403df.png">
2、解决办法:
//config/index.js=》修改build中assetsPublicPath为:
assetsPublicPath: '/',//默认是相对于根
//assetsPublicPath: './', 修改前默认是相对路径
重新打包发现解决问题