解决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.fileEveryWhere.js 一个跨浏览器的file显示插件
Oct 24 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
JavaScript设计模式之单体模式全面解析
Sep 09 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
如何选择适合你的JavaScript框架
Nov 20 Javascript
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
如何利用JS将手机号中间四位变成*号
Sep 29 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 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
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
PHP中动态显示签名和ip原理
2007/03/28 PHP
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
php实现学生管理系统
2020/03/21 PHP
Thinkphp3.2实用篇之计算型验证码示例
2017/02/09 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
2013/11/14 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
Javascript实现飞动广告效果的方法
2015/05/25 Javascript
Bootstrap每天必学之栅格系统(布局)
2015/11/25 Javascript
AngularJS中的Directive实现延迟加载
2016/01/25 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
jQuery无刷新上传之uploadify3.1简单使用
2016/06/18 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
Vue组件的使用教程详解
2018/01/05 Javascript
JS将网址url转化为JSON格式的方法
2018/07/02 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
JS实现的贪吃蛇游戏案例详解
2019/05/01 Javascript
Javascript实现简易天数计算器
2020/05/18 Javascript
JS实现简单移动端鼠标拖拽
2020/07/23 Javascript
Python聊天室实例程序分享
2016/01/05 Python
详解python中的json和字典dict
2018/06/22 Python
使用Python实现牛顿法求极值
2020/02/10 Python
Python web如何在IIS发布应用过程解析
2020/05/27 Python
在线购买澳大利亚设计师手拿包和奢华晚装手袋:Olga Berg
2019/03/20 全球购物
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
职称自我鉴定
2013/10/15 职场文书
自考生自我评价分享
2014/01/18 职场文书
给校长的建议书500字
2014/05/15 职场文书
四风对照检查剖析材料
2014/10/07 职场文书
教师考核评语大全
2014/12/31 职场文书