编程 Javascript

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

Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

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

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

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

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

然后重新npm run dev即可

总结

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

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

- Author -

muzidigbig

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

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 职场文书