解决Vue打包之后文件路径出错的问题


Posted in Javascript onMarch 06, 2018

这里以vue-cli创建的项目为例

1、文件路径不对

找到config文件夹下的index.js文件修改一下位置

解决Vue打包之后文件路径出错的问题

看清楚是 build(上边还有个dev 是开发环境下的配置,不需要改动)下的 assetsPublicPath :将‘/'改为‘./'

2、背景图片路径不对

解决Vue打包之后文件路径出错的问题

在css中写的background-img的路径出错 需要找到build文件夹下的utils.js,修改一下位置

加入红框内字段即可。

以上这篇解决Vue打包之后文件路径出错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
toString()一个会自动调用的方法
Feb 08 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
Mar 11 Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
JavaScript数组操作详解
Feb 04 Javascript
js实现下拉框二级联动
Dec 04 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 Javascript
vue中使用element组件时事件想要传递其他参数的问题
Sep 18 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
Mar 06 #Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 #Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
Mar 06 #Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 #Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 #Javascript
node的process以及child_process模块学习笔记
Mar 06 #Javascript
Vue2.0实现组件数据的双向绑定问题
Mar 06 #Javascript
You might like
php实现随机显示图片方法汇总
2015/05/21 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
PHP自动载入类文件函数__autoload的使用方法
2019/03/25 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
解决Jquery鼠标经过不停滑动的问题
2014/03/03 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
2015/03/27 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
js删除数组元素、清空数组的简单方法(必看)
2016/07/27 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
Angular中使用$watch监听object属性值的变化(详解)
2017/04/24 Javascript
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
解决vue路由name同名,路由重复的问题
2020/08/05 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
python开发之list操作实例分析
2016/02/22 Python
Python使用itertools模块实现排列组合功能示例
2018/07/02 Python
python实现对图片进行旋转,放缩,裁剪的功能
2019/08/07 Python
骆驼官方商城:CAMEL
2016/11/22 全球购物
给同事的道歉信
2014/01/11 职场文书
大学生实习思想汇报
2014/01/12 职场文书
火箭队口号
2014/06/18 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
初中生活随笔
2015/08/15 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python
python flask框架快速入门
2021/05/14 Python
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript
世界十大狙击步枪排行榜
2022/03/20 杂记