解决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 相关文章推荐
新手常遇到的一些jquery问题整理
Aug 16 Javascript
为超链接加上disabled后的故事
Dec 10 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
May 18 Javascript
利用express启动一个server服务的方法
Sep 17 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
Angularjs Promise实例详解
Mar 15 Javascript
使用vue点击li,获取当前点击li父辈元素的属性值方法
Sep 12 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
Aug 16 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
Mar 07 Javascript
JS指定音频audio在某个时间点进行播放
Nov 28 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实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
ASP SQL防注入的方法
2008/12/25 Javascript
jQuery中add实现同时选择两个id对象
2010/10/22 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
jquery可见性过滤选择器使用示例
2013/06/24 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
Express作者TJ告别Node.js奔向Go
2014/07/14 Javascript
浅谈Javascript数组的使用
2015/07/29 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
2016/03/28 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
Map.vue基于百度地图组件重构笔记分享
2017/04/17 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
bootstrap-table+treegrid实现树形表格
2019/07/26 Javascript
Jquery Datatables的使用详解
2020/01/30 jQuery
[01:27]DOTA2电竞之夜 今夜共饮庆功酒
2014/08/02 DOTA
Django中使用CORS实现跨域请求过程解析
2019/08/05 Python
使用PyQt5实现图片查看器的示例代码
2020/04/21 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
HTML利用九宫格原理进行网页布局
2020/03/13 HTML / CSS
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
简述安装Slackware Linux系统的过程
2012/01/12 面试题
小区门卫岗位职责
2013/12/31 职场文书
建议书怎么写
2014/03/12 职场文书
物流管理毕业生自荐信范文
2014/03/15 职场文书
三方协议书
2015/01/27 职场文书
证劵公司反洗钱宣传活动总结
2015/05/08 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
小学生六年级作文之关于感恩
2019/08/16 职场文书
Java无向树分析 实现最小高度树
2022/04/09 Javascript