编程 Javascript

解决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打包之后文件路径出错的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

been_Free

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

告诉大家什么是JSON

Jun 10 Javascript

javascript进行数组追加方法小结

Jun 16 Javascript

jQuery实现简单的间隔向上滚动效果

Mar 09 Javascript

js实现使用鼠标拖拽切换图片的方法

May 04 Javascript

Vue2实现组件props双向绑定

Dec 02 Javascript

bootstrap vue.js实现tab效果

Feb 07 Javascript

微信小程序空白页重定向解决办法

Jun 27 Javascript

angular项目中bootstrap-datetimepicker时间插件的使用示例

Mar 15 Javascript

vue结合Echarts实现点击高亮效果的示例

Mar 17 Javascript

微信小程序实现跑马灯效果完整代码(附效果图)

May 30 Javascript

微信小程序使用websocket通讯的demo，含前后端代码，亲测可用

May 22 Javascript

JS数组扁平化、去重、排序操作实例详解

Feb 24 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

使用网络地址转换实现多服务器负载均衡

2006/10/09 PHP

php中计算中文字符串长度、截取中文字符串的函数代码

2011/08/09 PHP

解析mysql 表中的碎片产生原因以及清理

2013/06/22 PHP

php安装swoole扩展的方法

2015/03/19 PHP

Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法

2019/04/02 PHP

JavaScript delete操作符应用实例

2009/01/13 Javascript

JQuery Ajax 跨域访问的解决方案

2010/03/12 Javascript

JQuery 拾色器插件发布-jquery.icolor.js

2010/10/20 Javascript

用jQuery中的ajax分页实现代码

2011/09/20 Javascript

javascript中处理时间戳为日期格式的方法

2014/01/02 Javascript

文字垂直滚动之javascript代码

2015/07/29 Javascript

javascript手风琴下拉菜单实现代码

2015/11/12 Javascript

canvas绘制一个常用的emoji表情

2017/03/30 Javascript

Bootstrap popover 实现鼠标移入移除显示隐藏功能方法

2018/01/24 Javascript

vue实现组件之间传值功能示例

2018/07/13 Javascript

详解Vue 的异常处理机制

2020/11/30 Vue.js

[03:39]DOTA2英雄梦之声_第05期_幽鬼

2014/06/23 DOTA

[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

[03:00]2018完美盛典_最佳英雄奖

2018/12/17 DOTA

Python cv2 图像自适应灰度直方图均衡化处理方法

2018/12/07 Python

Python函数的参数常见分类与用法实例详解

2019/03/30 Python

python2和python3在处理字符串上的区别详解

2019/05/29 Python

Django实现发送邮件找回密码功能

2019/08/12 Python

python 中xpath爬虫实例详解

2019/08/26 Python

Flask框架搭建虚拟环境的步骤分析

2019/12/21 Python

Python3 用什么IDE开发工具比较好

2020/11/28 Python

英语专业毕业生自我鉴定

2013/11/09 职场文书

2015会计试用期工作总结

2014/12/12 职场文书

红旗渠导游词

2015/02/09 职场文书

2015年暑期社会实践方案

2015/07/14 职场文书

爱心捐赠活动简讯

2015/07/20 职场文书

优秀学生主要事迹怎么写

2015/11/04 职场文书

Mysql 如何批量插入数据

2021/04/06 MySQL

Golang 实现获取当前函数名称和文件行号等操作

2021/05/08 Golang

Python学习之os包使用教程详解

2022/03/21 Python

Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器

2022/06/28 Oracle