原文:Vue项目打包发布后CSS中的背景图片不显示

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

2019-07-01 10:34 0 1052 推荐指数:

查看详情

vue打包CSS引用的背景图片不显示问题

vue项目中,在css样式引用了一张背景图片,开发环境下是可以正常显示,build之后背景图片不显示。 解决方法: 找到build/utils.js文件 修改成为如下所示内容: 添加红框的内容即可。 ...

Thu Nov 22 23:37:00 CST 2018 0 852
vue打包成app背景图片不显示

问题: 在使用npm run build 打包, 如果在页面中使用img标签引入,打包的路径是由index.html开始访问的,真正访问的是Static/img/图片名, 是正确的, 但是写在css 的background: url("../../assets/***.png ...

Mon Apr 29 01:23:00 CST 2019 0 948
laravel项目css样式表的背景图片不显示

刚学laravel,遇到了很多坑,感觉laravel是挺强大的。 建好后台项目,奈何css样式表的背景图片不显示 按理上面的写法没错,因为是从别的后台搬过来的,但是图片一直不显示,访问绝对路径却又能显示图片,坑。 原因是因为图片路径要使用单引号或者双引号的,下面是正确的写法 ...

Tue May 31 04:42:00 CST 2016 0 2602
Vue项目中,添加的背景图片在服务器上不显示,如何处理

遇到的问题: 在vue项目开发过程,我们常常会在页面添加背景图片。可是当我们在样式添加了背景图片,编译打包部署到服务器上时,发现图片并不能显示出来,这是为什么呢~~~ 我们一般写的css样式如下: 问题原因: 因为在编译打包图片的路径解析出现了问题。 解决方法 ...

Mon Dec 02 21:30:00 CST 2019 0 723
vue项目打包资源相对引用路径的和背景图片路径问题

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

Tue Dec 18 19:20:00 CST 2018 0 2927
Vue项目背景图片打包后路径错误

第一种方法: 原因: 首先,出错点在url-loader上面。 这里解释一下上面这段url-loader配置,test是正则匹配规则,匹配项目中所有的以正则规则结尾的格式的文件,直白点就是所以的图片(png,jpg,jpeg,gif,svg)。然后用url-loader进行处理。处理也有 ...

Fri Jun 09 00:22:00 CST 2017 0 7710
vue打包 背景图不显示

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

Thu Jul 04 01:27:00 CST 2019 0 1230
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM