使用vue-cli打包后img路径引用问题

使用vue-cli命令npm run bulid命令后,组件内的img路径访问不到;

所有静态资源都是放在/static/images/下的;

模板中引用也是用的如下代码:
<img src="/static/images/search.png" alt="">
打包出来浏览的时候需要改成:
<img src="./static/images/search.png" alt="">
才能访问,想问下怎么解决?

阅读 4k
2 个回答

在config/index.js中把build.assetsPublicPath改为'./',然后重新打包即可

https://segmentfault.com/q/1010000004582219?_ea=2855605

可以查看一下上面的那个链接

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏