vue打包成app后，背景图片不显示
问题： 在使用npm run build 打包后， 如果在页面中使用img标签引入，打包后的路径是由index.html开始访问的，真正访问的是Static/img/图片名， 是正确的， 但是写在css 中的background: url("../../assets/***.png ...
原文：vue打包后 背景图不显示
对开发完的项目打包放到服务器上，在本地跑的时候一切正常，但是在服务器上跑的时候发现登录页面的背景图没有了，是一片空白，为此找到了一下解决方案 在build 下的 utils.js中找到： 并添加publicPath: .. .. 添加后的效果： 问题得到完美解决 ...
2019-07-03 17:27 0 1230 推荐指数：
相关推荐
Vue项目打包发布后CSS中的背景图片不显示
相信有很多同学在学习vue的刚开始都遇到过项目打包发布后发现CSS中的背景图片不显示，具体如何解决只需要更改bind的配置即可 修改 build/utils.js 中的 generateLoaders 方法，如下代码，增加 publicPath: '…/…/' ...
vue打包后CSS中引用的背景图片不显示问题
vue项目中，在css样式中引用了一张背景图片，开发环境下是可以正常显示，build之后背景图片不显示。 解决方法： 找到build/utils.js文件 修改成为如下所示内容： 添加红框中的内容即可。 ...
vue 生产环境 background 背景图不显示原因
通常我们使用img标签引入文件，npm run build 打包后 ，因为img为html标签，打包后他的路径是由index.html开始访问的，他走static/img/'图片名'是能正确访问到图片的 而我们写在css background:url(../xxx/)引入的图片 ，这时打包后 ...
vue项目打包后css背景图路径不对的问题
问题描述： 自己在自学vue做项目的过程中，遇到一个有关背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图： 当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不 ...
css背景图不显示的问题
css添加背景图片无法显示，有以下几方面原因： 1、css没有被调用；请检查css调用是否成功。 2、css图片地址不对；请检查css图片地址是否正确。 3、div的高度没有固定，是auto或者没有设值；div设置错误容易导致背景图片高度太大则无法显示。 4、div被嵌套；查看嵌套的div ...
vue在css中使用background引入背景图片，打包不显示问题处理
1、在css中使用background引入static目录下的图片时，需使用相对路径例：background: url("../../../static/img/1.png");2、build --- ...
vue-cli构建的vue项目打包后css引入的背景图路径不对的问题
使用vue-cli构建vue项目后，再打包遇到一个css引入的背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图： 当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图 ...