解决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 相关文章推荐
Prototype使用指南之selector.js说明
Oct 26 Javascript
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
Jun 21 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
Sep 30 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
ES6概念 Symbol toString()方法
Dec 25 Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 Javascript
vue拖拽组件使用方法详解
Dec 01 Javascript
详解JavaScript函数callee、call、apply的区别
Mar 08 Javascript
Vue 列表上下过渡效果的实例代码
Jun 25 Javascript
JS原形与原型链深入详解
May 09 Javascript
原生js实现自定义难度的扫雷游戏
Jan 22 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数据结构 算法(PHP描述) 简单选择排序 simple selection sort
2011/08/09 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
使用URL传输SESSION信息
2015/07/14 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
javascript html 静态页面传参数
2009/04/10 Javascript
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
JavaScript导出Excel实例详解
2014/11/25 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
2015/04/20 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
利用JQuery直接调用asp.net后台的简单方法
2016/10/27 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
angular仿支付宝密码框输入效果
2017/03/25 Javascript
EasyUI中的dataGrid的行内编辑
2017/06/22 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
2018/01/08 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
2019/11/12 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
2020/08/12 Javascript
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
Python multiprocess pool模块报错pickling error问题解决方法分析
2019/03/20 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
洲际酒店集团英国官网:IHG英国
2019/07/10 全球购物
Huda Beauty官方商店:化妆和美容产品
2020/09/05 全球购物
卫生厅领导班子党的群众路线教育实践活动整改措施
2014/09/20 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
大足石刻导游词
2015/02/02 职场文书
python 机器学习的标准化、归一化、正则化、离散化和白化
2021/04/16 Python
vue实现同时设置多个倒计时
2021/05/20 Vue.js
React实现动效弹窗组件
2021/06/21 Javascript