Vue在build编译时写在style中的路径问题

写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片。
例如:
这里写图片描述
需要改动两个地方:
一个就是config/index.js文件,将assetsPublicPath的路径改为’./’,一般用的模版和vue-cli都是默认’./’,就不需要修改.
第二个就是在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: ‘../../’

如图:
这里写图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43056561/article/details/82662298