vue项目webpack打包后图片路径错误


首先项目是vue-cli搭建的,项目结构如下:

然后发现在css里写的图片引用地址在开发时正常显示,但在打包扔上服务器之后报错

报的是404,路径前面多了/static/css,不知道为啥。

在自己慢慢摸索之后发现了解决方法,其实很简单,只需把config下的index.js的assetsPublicPath配置成你项目的根目录路径就行了,例如:

图片也能正常访问了。

 

网上还看到说把图片都放到static下的,我试了下也是要配置assetsPublicPath成根目录的不然还是报错。

 

 转自:http://blog.csdn.net/sanstu/article/details/76058134?locationNum=2


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM