vue打包成app后，背景图片不显示

问题：在使用npm run build 打包后，如果在页面中使用img标签引入，打包后的路径是由index.html开始访问的，真正访问的是Static/img/图片名，是正确的，但是写在css 中的background: url("../../assets/***.png") 0 0 no-repeat; 引入的图片，打包的图片却访问不到，因为在css目录下并没有static目录，所以此时要先回退两层到根节点处才可以正常获取图片

解决办法：打开build/utils.js, 找到generateLoaders方法，

如果里面没有publicPath，添加

publicPath:'../../'

如果有publicPath修改为

publicPath:'../../'

转载于:https://www.cnblogs.com/sllzhj/p/10785257.html

vue打包成app后，背景图片不显示相关推荐

vue样式中背景图片路径_解决vue打包css文件中背景图片的路径问题
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了如一个简单css语句 .welcome { width: 420px; height: ...
vue打包部署服务器，背景图片显示空白
vue打包部署服务器后,往往会出现部分背景图片显示空白的情况,部分就说明只是打包过程中的图片路径问题: 在build 文件夹中找到 utils.js文件加上这行代码即可:publicPath: '-/ ...
VUE CLI 4.x 打包成APP后白屏解决办法打包APP教程
一般用VUE打包项目后,再把项目打包成APK安装包,在手机上打开应用我们会发现打开是一片白,这是什么原因呢? 路由模式为history模式. 资源的路径不对.默认情况下,Vue CLI 会假设你的应用 ...
解决vue中img或元素背景图片无法显示或路径错误问题
1.在给vue中img元素动态绑定图片路径时会显示不出来图片: <span>普通:</span><img src="./video.png" alt= ...
在浏览器上浏览vue项目，后退按钮是可以正常返回上一页的，但打包成app后，点击手机上的物理返回按钮就直接退出app回到桌面...
mui进行手机物理键的监听首先安装 vue-awesome-mui npm i vue-awesome-mui 在main.js注册 import Mui from 'vue-awesome-mui ...
HBuilder将Vue打包成App遇到的问题以及解决方案
2019独角兽企业重金招聘Python工程师标准>>> 1.[ERROR] : 没有对应的路由页面解决:将路由的mode改为hash(由history改为hash) mode: ' ...
uniapp云打包成app后，在Android12手机上横屏样式未填满手机界面；在ios手机上横屏不生效；问题解决
问题1:横屏在本地调试时是好的,云打包后在Android12上横屏样式宽度就只生效了一半. 解决:在onLoad中,定时500ms后再进行横屏操作(200ms不生效) onLoad(option) { ...
前端项目用hbuilder打包成APP后，调用api开启摄像头进行拍照, 5+app框架
这几个方法function是js通用的, 非vue项目也可以使用! 记得收藏哦! 重点是从按钮"开启相机" 开始,点击触发photo方法可以直接看method中的photo方法 ...
vue打包成app自动更新‘plus‘ is not defined报错
有人知道因为什么嘛?

vue打包成app后，背景图片不显示

vue打包成app后，背景图片不显示相关推荐

最新文章

热门文章