使用vue-cli构建vue项目后，再打包遇到一个css引入的背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图： 　　 当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图 ...

在build/utils.js文件中添加publicPath:'../../' ...

vue项目中若要使用相对路径来获得相应静态资源， 在一般项目 build 之后都会生成一个 index.htm 文件和 一个 static 文件夹,而 static 这个文件夹需要被放置在根目录下, 1.需要找到config --- index.js(webpack 是依据index.js ...

css-loader： 当小于8192，就打包成base64，那么，大于的就不做处理； 情景：我在main.css中背景图： 结果：打包的时候，图片是在dist/images/文件夹下的，但是控制台中却是： 图片没有找到，于是我去查看路径 ...

　　问题背景：项目里面有用到背景图片，开发模式下正常，打包之后发现报404错误。查看发现是背景图片引用路径出错。 解决方法： 　　build下由原来的相对路径 "./" 改为绝对路径 "/" 详细缘由： 　　vue项目在打包之后背景图片访问出错？ 　　首先，出错 ...

相信有很多同学在学习vue的刚开始都遇到过项目打包发布后发现CSS中的背景图片不显示，具体如何解决只需要更改bind的配置即可 修改 build/utils.js 中的 generateLoaders 方法，如下代码，增加 publicPath: '…/…/' ...

对开发完的项目打包放到服务器上，在本地跑的时候一切正常，但是在服务器上跑的时候发现登录页面的背景图没有了，是一片空白，为此找到了一下解决方案 在build 下的 utils.js中找到： 并添加 publicPath: '../../' 添加后的效果： 问题 ...

问题背景 每个项目都需要在css中用到背景图. vue-cli项目是自动构建生成的, 等到这个项目做通了, 再来记录整个工程目录. 自动构建后的项目, 会有两种运行方式. npm run dev: 这是自动提供的, 可以提供一个开发的环境, 保存, 自动热更新 ...