vue项目打包之后背景样式丢失的解决方案


Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

vue项目打包之后背景样式丢失的解决方案

原因:至于为什么背景图有的打包后存在,有的丢失,那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了,直接引,而背景图片里用的是相对路径最后会直接替换成static,但是明显路径会有问题,所以得配置下。

修改     需要在上面红框中添加下面语句:

// 背景图片丢失:写改css中的路径(添加)
publicPath: '../../'

vue项目打包之后背景样式丢失的解决方案

然后重新npm run dev即可

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
javascript 数组排序函数
Aug 20 Javascript
javascript 导出数据到Excel(处理table中的元素)
Dec 18 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
jquery键盘事件使用介绍
Nov 01 Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
jQuery 如何实现一个滑动按钮开关
Dec 01 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
TypeScript入门-接口
Mar 30 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
Nov 30 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
js中Array对象的常用遍历方法详解
Jan 17 #Javascript
vuex如何重置所有state(可定制)
Jan 17 #Javascript
node app 打包工具pkg的具体使用
Jan 17 #Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 #Javascript
JS使用Dijkstra算法求解最短路径
Jan 17 #Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 #Javascript
vue权限管理系统的实现代码
Jan 17 #Javascript
You might like
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
解决PHP mysql_query执行超时(Fatal error: Maximum execution time …)
2013/07/03 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
Yii基于数组和对象的Model查询技巧实例详解
2015/12/28 PHP
超强多功能php绿色集成环境详解
2017/01/25 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
jquery的键盘事件修改代码
2011/02/24 Javascript
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
无刷新预览所选择的图片示例代码
2014/04/02 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
Winform客户端向web地址传参接收参数的方法
2016/05/17 Javascript
js实现点击图片自动提交action的简单方法
2016/10/16 Javascript
koa上传excel文件并解析的实现方法
2018/08/09 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
windows下Python安装、使用教程和Notepad++的使用教程
2019/10/06 Python
python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法
2020/02/26 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
捷克时尚网上商店:OTTO
2018/03/15 全球购物
COS美国官网:知名服装品牌
2019/04/08 全球购物
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
施工班组长岗位职责
2014/01/05 职场文书
补充协议书范本
2014/04/23 职场文书
12.4法制宣传日标语
2014/10/08 职场文书
企业管理不到位检讨书
2019/06/27 职场文书
三年级作文之趣事作文
2019/11/04 职场文书