vuecli中引入图片

如果使用vuecli + webpack开发

改变路径配置

将绝对路径改为相对路径

目标文件：项目目录 > config文件夹 > index.js

assetsPublicPath:'/' 改为：assetsPublicPath:'./'   （加一个点变为相对路径）

配置背景图片路径

打包后的css文件夹内app.css文件访问static/img/’图片名’路径错误访问不到图片，在build文

件内utils.js中配置路径。
那么在build文件夹下的tuils.js中找到ExtractTextPlugin这个插件，添加

publicPath:"../../"

即可

解释

webpack 提供一个非常有用的配置，该配置能帮助你为项目中的所有资源指定一个基础路径，它被称为公共路径(publicPath)。