编程 Javascript

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

Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

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

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

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

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

然后重新npm run dev即可

总结

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

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

- Author -

muzidigbig

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

Javascript 相关文章推荐

DOM Scripting中的图片切换[兼容Firefox]

Jun 12 Javascript

iframe 上下滚动条如何默认在下方实现原理

Dec 10 Javascript

jQuery中wrapInner()方法用法实例

Jan 16 Javascript

jquery实现可关闭的倒计时广告特效代码

Sep 02 Javascript

JavaScript编写九九乘法表（两种任选）

Feb 04 Javascript

js实现楼层导航功能

Feb 23 Javascript

Vue.use源码分析

Apr 22 Javascript

Vuex利用state保存新闻数据实例

Jun 28 Javascript

VeeValidate在vue项目里表单校验应用案例

May 09 Javascript

200行HTML+JavaScript实现年会抽奖程序

Jan 22 Javascript

vue实现可视化可拖放的自定义表单的示例代码

Mar 20 Javascript

JavaScript 实现轮播图特效的示例

Nov 05 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

PHP小技巧搜集,每个PHPer都来露一手

2007/01/02 PHP

PHP中$this和$that指针使用实例

2015/01/06 PHP

根据key删除数组中指定的元素实现方法

2017/03/02 PHP

PHP5中使用mysqli的prepare操作数据库的介绍

2019/03/18 PHP

jQuery 使用手册(六)

2009/09/23 Javascript

JavaScript 学习笔记（十五）

2010/01/28 Javascript

js异步加载的三种解决方案

2013/03/04 Javascript

JavaScript将Table导出到Excel实现思路及代码

2013/03/13 Javascript

用jquery实现的一个超级简单的下拉菜单

2014/05/18 Javascript

jQuery选择器源码解读（三）：tokenize方法

2015/03/31 Javascript

jQuery标签编辑插件Tagit使用指南

2015/04/21 Javascript

BootStrap智能表单实战系列(十一)级联下拉的支持

2016/06/13 Javascript

Angular2 (RC4) 路由与导航详解

2016/09/21 Javascript

前端把html表格生成为excel表格的实例

2017/09/19 Javascript

vue 过滤器filter实例详解

2018/03/14 Javascript

详解ES6 Promise的生命周期和创建

2019/08/18 Javascript

vue.js iview打包上线后字体图标不显示解决办法

2020/01/20 Javascript

python pdb调试方法分享

2014/01/21 Python

如何优雅地处理Django中的favicon.ico图标详解

2018/07/05 Python

python3读取excel文件只提取某些行某些列的值方法

2018/07/10 Python

CentOS7下python3.7.0安装教程

2018/07/30 Python

Python爬虫之正则表达式基本用法实例分析

2018/08/08 Python

Python3.6.x中内置函数总结及讲解

2019/02/22 Python

利用python将图片版PDF转文字版PDF

2019/05/03 Python

Pytorch .pth权重文件的使用解析

2020/02/14 Python

python内打印变量之%和f的实例

2020/02/19 Python

台湾屈臣氏网路商店：Watsons台湾

2020/12/29 全球购物

如何利用find命令查找文件

2015/02/07 面试题

合作协议书怎么写

2014/04/18 职场文书

书香家庭事迹材料

2014/05/09 职场文书

校园环保标语

2014/06/13 职场文书

四风问题对照检查材料整改措施

2014/09/27 职场文书

驳回起诉裁定书

2015/05/19 职场文书

教师节主题班会方案

2015/08/17 职场文书

2016年国陪研修感言

2015/11/18 职场文书

Tomcat项目启动失败的原因和解决办法

2022/04/20 Servers