解决vue打包css文件中背景图片的路径问题
2018-09-03 09:09
1331 查看
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了
如一个简单css语句
.welcome { width: 420px; height: 235px; background: url(../img/welcome.jpg) 0 0 no-repeat;
但是打包后路径成了却出现404访问不到的问题。
解决的办法很简单
build路径下utils.js文件
// Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' //添加此代码!!! }) } else { return ['vue-style-loader'].concat(loaders) }
以上这篇解决vue打包css文件中背景图片的路径问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue打包css文件中背景图片的路径问题
- vue+webpack解决css引用图片打包后找不到资源文件的问题
- webpack打包vue项目后,一些文件图片路径找不到的问题解决办法
- 详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
- vue-cli中解决css引用图片打包后找不到文件资源的问题
- 解决vue项目打包后提示图片文件路径错误的问题
- 解决Vue打包后背景图片路径错误问题
- 解决Vue打包后背景图片路径错误问题
- 解决Vue打包之后文件路径出错的问题
- 外部Css文件背景图片相对路径问题
- 外部css文件背景图片引入路径问题
- vue-cli项目webpack打包后iconfont文件路径问题解决
- 解决vue-cli项目webpack打包后iconfont文件路径的问题
- vue的图片路径,和背景图片路径打包后错误解决
- SSM框架中引入css,js,图片文件的路径问题解决
- 前端资源多个产品整站一键打包&包版本管理(四)—— js&css文件文件打包并生成哈希后缀,自动写入路径、解决资源缓存问题。
- 解决在vue项目中,发版之后,背景图片报错,路径不对的问题
- 关于Vue背景图打包之后访问路径错误问题的解决
- vue项目打包后资源相对引用路径的和背景图片路径问题
- vue项目打包后css背景图路径不对的问题