编程 Javascript

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

Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

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

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

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

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

然后重新npm run dev即可

总结

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

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

- Author -

muzidigbig

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

Javascript 相关文章推荐

IE和Firefox下event事件杂谈

Dec 18 Javascript

JS 跳转页面延迟2种方法

Mar 29 Javascript

js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)

Jan 14 Javascript

JS简单封装的图片无缝滚动效果示例【测试可用】

Mar 22 Javascript

微信小程序自定义多选事件的实现代码

May 17 Javascript

基于Vue2实现简易的省市区县三级联动组件效果

Nov 05 Javascript

微信小程序开发之点击按钮退出小程序的实现方法

Apr 26 Javascript

jquery 遍历hash操作示例【基于ajax交互】

Oct 12 jQuery

Vue 实现登录界面验证码功能

Jan 03 Javascript

jQuery 判断元素是否存在然后按需加载内容的实现代码

Jan 16 jQuery

vue开发中遇到的问题总结

Apr 07 Javascript

vue中的可拖拽宽度div的实现示例

Apr 08 Vue.js

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

虫族 Zerg 历史背景

2020/03/14 星际争霸

PHP+javascript液晶时钟

2006/10/09 PHP

PHP面向对象学习笔记之一基础概念

2012/10/06 PHP

php实现的用户查询类实例

2015/06/18 PHP

Laravel 5.5基于内置的Auth模块实现前后台登陆详解

2017/12/21 PHP

CI框架网页缓存简单用法分析

2018/12/26 PHP

php和vue配合使用技巧和方法

2019/05/09 PHP

jquery 经典动画菜单效果代码

2010/01/26 Javascript

关于js获取radio和select的属性并控制的代码

2011/05/12 Javascript

js window.onload 加载多个函数和追加函数详解

2014/01/08 Javascript

JS小游戏之宇宙战机源码详解

2014/09/25 Javascript

JS拖动鼠标画出方框实现鼠标选区的方法

2015/08/05 Javascript

JS模拟Dialog弹出浮动框效果代码

2015/10/16 Javascript

jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据

2016/08/15 Javascript

JS动态生成年份和月份实例代码

2017/02/04 Javascript

简单实现js点击展开二级菜单功能

2017/05/16 Javascript

基于BootStrap multiselect.js实现的下拉框联动效果

2017/07/28 Javascript

vue-router2.0 组件之间传参及获取动态参数的方法

2017/11/10 Javascript

vue better-scroll插件使用详解

2018/01/25 Javascript

Vue实现数据表格合并列rowspan效果

2020/11/30 Javascript

ZK中使用JS读取客户端txt文件内容问题

2019/11/07 Javascript

JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

2019/11/25 Javascript

[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛败者组 BO3 第一场 8.23

2019/09/05 DOTA

python+pandas+时间、日期以及时间序列处理方法

2018/07/10 Python

基于python 将列表作为参数传入函数时的测试与理解

2020/06/05 Python

Python 列表中的修改、添加和删除元素的实现

2020/06/11 Python

Django用户认证系统如何实现自定义

2020/11/12 Python

python实现经纬度采样的示例代码

2020/12/10 Python

新西兰珠宝品牌：Michael Hill

2017/09/16 全球购物

英国图书音像网站：Hive.co.uk（图书、电子书、DVD、蓝光、音乐CD等）

2017/10/16 全球购物

一些Solaris面试题

2013/03/22 面试题

办公室驾驶员岗位职责

2013/11/15 职场文书

基层党支部承诺书

2015/04/30 职场文书

2015年客房服务员工作总结

2015/05/15 职场文书

Nginx 路由转发和反向代理location配置实现

2021/11/11 Servers

Java 使用类型为Object的变量指向任意类型的对象

2022/04/13 Java/Android