Vue项目打包发布后CSS中的背景图片不显示
相信有很多同学在学习vue的刚开始都遇到过项目打包发布后发现CSS中的背景图片不显示，具体如何解决只需要更改bind的配置即可 修改 build/utils.js 中的 generateLoaders 方法，如下代码，增加 publicPath: '…/…/' ...
原文：vue打包成app后，背景图片不显示
问题： 在使用npm run build 打包后， 如果在页面中使用img标签引入，打包后的路径是由index.html开始访问的，真正访问的是Static img 图片名， 是正确的， 但是写在css 中的background: url .. .. assets .png no repeat 引入的图片，打包的图片却访问不到，因为在css目录下并没有static目录，所以此时要先回退两层到根节点 ...
2019-04-28 17:23 0 948 推荐指数：
相关推荐
vue打包后CSS中引用的背景图片不显示问题
vue项目中，在css样式中引用了一张背景图片，开发环境下是可以正常显示，build之后背景图片不显示。 解决方法： 找到build/utils.js文件 修改成为如下所示内容： 添加红框中的内容即可。 ...
vue在css中使用background引入背景图片，打包不显示问题处理
1、在css中使用background引入static目录下的图片时，需使用相对路径例：background: url("../../../static/img/1.png");2、build ---> utils.js 添加代码 publicPath ...
vue打包后 背景图不显示
对开发完的项目打包放到服务器上，在本地跑的时候一切正常，但是在服务器上跑的时候发现登录页面的背景图没有了，是一片空白，为此找到了一下解决方案 在build 下的 utils.js中找到： 并添加 publicPath: '../../' 添加后的效果： 问题 ...
uni-app在app中本地背景图片不显示的问题
经常会遇到使用本地图片做背景时，在本地预览没问题，到了app调试，图片就不出现的问题 使用这种写法 background: url(~@/static/index/neckdiscount.png)no-repeat; 即可解决问题 ...
不定高度的div背景或背景图片不显示问题
在使用div+css进行网页布局时，如果外部div有背景颜色或者边框，而不设置其高度，在IE浏览器下显示正常。但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起作用的问题。 大体结构 原因分析：由于在Firefox和opera中：如果里面的DIV是浮动 ...
div嵌套div 背景图片 不显示的问题
这几天 在做一个小Demo的时候碰到了如上的问题，一个DIV嵌套多个DIV时，父容器DIV不显示背景图片。同时结合之前碰到类似的问题，我归纳了如下几个解决方法： 1.就是常见的 子div 背景把父div的背景给盖住了，例子： 该例子就是 我有一个父div 和它里面嵌套的一个子div ...
IE模式下背景图片不显示
初衷是想给这个提交按钮<input type="submit" value=" />加上背景图片，用了以下css样式： 但是不知道是怎么回事，在Internet Explorer 6、7、8中皆无法显示该背景图片按钮，依然是默认的按钮形式 ...