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

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

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

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

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

图片也能正常访问了。

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

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

原文地址:https://www.cnblogs.com/codeww/p/8074805.html