解决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 相关文章推荐
一些相见恨晚的 JavaScript 技巧
Apr 25 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
js实现搜索框关键字智能匹配代码
Mar 26 Javascript
JavaScript深度复制(deep clone)的实现方法
Feb 19 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
解决JS内存泄露之js对象和dom对象互相引用问题
Jun 25 Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
Aug 18 Javascript
vuex中使用对象展开运算符的示例
Sep 25 Javascript
js 提取某()特殊字符串长度的实例
Dec 06 Javascript
vue远程加载sfc组件思路详解
Dec 25 Javascript
vue实现打地鼠小游戏
Aug 21 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空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
thinkPHP下的widget扩展用法实例分析
2015/12/26 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
js中将URL中的参数提取出来作为对象的实现代码
2011/08/16 Javascript
jQuery中的$.ajax()方法应用
2014/05/06 Javascript
js实现飞入星星特效代码
2014/10/17 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
JavaScript中利用Array和Object实现Map的方法
2015/07/27 Javascript
js实现鼠标点击左上角滑动菜单效果代码
2015/09/06 Javascript
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
AngularJS中的Directive自定义一个表格
2016/01/25 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
vue父组件通过props如何向子组件传递方法详解
2017/08/16 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
2020/05/26 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
python显示生日是星期几的方法
2015/05/27 Python
python对视频画框标记后保存的方法
2018/12/07 Python
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
Python3实现定时任务的四种方式
2019/06/03 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
python自动生成sql语句的脚本
2021/02/24 Python
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
Ibatis的核心配置文件都有什么
2014/09/08 面试题
慰问敬老院活动总结
2014/04/26 职场文书
贷款担保申请书
2014/05/20 职场文书
整改落实自查报告
2014/11/05 职场文书
财务审计整改报告
2014/11/06 职场文书
交通事故和解协议书
2015/01/27 职场文书
护士个人总结范文
2015/02/13 职场文书
调解书格式范本
2015/05/20 职场文书
Go语言读取txt文档的操作方法
2022/01/22 Golang