编程 Javascript

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

Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

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

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

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

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

然后重新npm run dev即可

总结

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

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

- Author -

muzidigbig

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用apply让javascript函数仅执行一次的代码

Jun 27 Javascript

jquery中交替点击事件toggle方法的使用示例

Dec 08 Javascript

Javascript中的五种数据类型详解

Dec 26 Javascript

基于javascript实现窗口抖动效果

Jan 03 Javascript

ionic js 模型 $ionicModal 可以遮住用户主界面的内容框

Jun 06 Javascript

Vuejs第十二篇之动态组件全面解析

Sep 09 Javascript

angularJS 发起$http.post和$http.get请求的实现方法

May 18 Javascript

Vue+Webpack完美整合富文本编辑器TinyMce的方法

Nov 30 Javascript

jQuery实现的解析本地 XML 文档操作示例

Apr 30 jQuery

JS实现多功能计算器

Oct 28 Javascript

关于Vue Router的10条高级技巧总结

May 06 Vue.js

关于antd tree 和父子组件之间的传值问题(react 总结)

Jun 02 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

php5 mysql分页实例代码

2008/04/10 PHP

PHP 读取文件内容代码(txt,js等)

2009/12/06 PHP

php二维数组用键名分组相加实例函数

2013/11/06 PHP

php不允许用户提交空表单(php空值判断)

2013/11/12 PHP

php设计模式之观察者模式实例详解【星际争霸游戏案例】

2020/03/30 PHP

让元素在网页中可拖动示例代码

2013/08/13 Javascript

JS实现超炫网页烟花动画效果的方法

2015/03/02 Javascript

jQuery qrcode生成二维码的方法

2016/04/03 Javascript

使用jquery.qrcode.js生成二维码插件

2016/10/17 Javascript

微信小程序中单位rpx和rem的使用

2016/12/06 Javascript

详解Vue使用 vue-cli 搭建项目

2017/04/20 Javascript

angularJS实现动态添加,删除div方法

2018/02/27 Javascript

浅谈Vue为什么不能检测数组变动

2019/10/14 Javascript

JS实现json数组排序操作实例分析

2019/10/28 Javascript

python中子类继承父类的__init__方法实例

2016/12/15 Python

Python标准库之itertools库的使用方法

2017/09/07 Python

单利模式及python实现方式详解

2018/03/20 Python

python实现二维插值的三维显示

2018/12/17 Python

Python3.5字符串常用操作实例详解

2019/05/01 Python

django将网络中的图片,保存成model中的ImageField的实例

2019/08/07 Python

python获取Linux发行版名称

2019/08/30 Python

python 图像处理画一个正弦函数代码实例

2019/09/10 Python

解决Keras中循环使用K.ctc_decode内存不释放的问题

2020/06/29 Python

python实现canny边缘检测

2020/09/14 Python

pycharm激活码2020最新分享适用pycharm2020最新版亲测可用

2020/11/22 Python

英国泰坦旅游网站：全球陪同游览，邮轮和铁路旅行

2016/11/29 全球购物

巴黎一票通：The Paris Pass

2018/02/10 全球购物

Nordgreen美国官网：在线购买极简主义斯堪的纳维亚手表

2019/07/24 全球购物

法律专业应届本科毕业生求职信

2013/10/25 职场文书

车间核算员岗位职责

2014/07/01 职场文书

外国人来华邀请函

2015/01/31 职场文书

数学考试作弊检讨书300字

2015/02/16 职场文书

银行自荐信怎么写

2015/03/05 职场文书

2015年保险公司个人工作总结

2015/05/22 职场文书

2015年小学数学教师个人工作总结

2015/05/25 职场文书

pycharm安装深度学习pytorch的d2l包失败问题解决

2022/03/25 Python