编程 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 相关文章推荐

JavaScript脚本性能优化注意事项

Nov 18 Javascript

js格式化货币数据实现代码

Sep 04 Javascript

文本框只能选择数据到文本框禁止手动输入

Nov 22 Javascript

javascript简单实现表格行间隔显示颜色并高亮显示

Nov 29 Javascript

jquery实现具有收缩功能的垂直导航菜单

Feb 16 Javascript

js前端导出Excel的方法

Nov 01 Javascript

Vue 组件（component）教程之实现精美的日历方法示例

Jan 08 Javascript

vue-cli实现多页面多路由的示例代码

Jan 30 Javascript

JavaScript引用类型Object常见用法实例分析

Aug 08 Javascript

使用vue脚手架（vue-cli）搭建一个项目详解

May 09 Javascript

Layui表格行工具事件与数据回填方法

Sep 13 Javascript

javascript实现异形滚动轮播

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实现读取手机客户端浏览器的类

2015/01/09 PHP

PHP+JQUERY操作JSON实例

2017/03/23 PHP

比较详细的关于javascript中void(0)的具体含义解释

2007/08/02 Javascript

jQuery 美元符冲突的解决方法

2010/03/28 Javascript

javascript 闭包

2011/09/15 Javascript

js/jquery解析json和数组格式的方法详解

2014/01/09 Javascript

jquery 使用简明教程

2014/03/05 Javascript

IE浏览器中图片onload事件无效的解决方法

2014/04/29 Javascript

JS 实现列表与多选框选择附预览动画

2014/10/29 Javascript

数据分析软件之FineReport教程：[5]参数界面JS（全）

2015/08/13 Javascript

js实现图片放大和拖拽特效代码分享

2015/09/05 Javascript

jQuery EasyUI Tab 选项卡问题小结

2016/08/16 Javascript

jQuery实现联动下拉列表查询框

2017/01/04 Javascript

Ajax异步文件上传与NodeJS express服务端处理

2017/04/01 NodeJs

如何理解Vue的作用域插槽的实现原理

2017/08/19 Javascript

JavaScript简单实现合并两个Json对象的方法示例

2017/10/16 Javascript

利用three.js画一个3D立体的正方体示例代码

2017/11/19 Javascript

vue实现百度下拉列表交互操作示例

2019/03/12 Javascript

一些手写JavaScript常用的函数汇总

2019/04/16 Javascript

区分vue-router的hash和history模式

2020/10/03 Javascript

[02:12]Dota 2 推出全新英雄—— 电炎绝手

2019/08/23 DOTA

python线程池的实现实例

2013/11/18 Python

基于Python的身份证号码自动生成程序

2014/08/15 Python

Python 3中print函数的使用方法总结

2017/08/08 Python

Python基础之文件读取的讲解

2019/02/16 Python

对pytorch的函数中的group参数的作用介绍

2020/02/18 Python

Python退出时强制运行一段代码的实现方法

2020/04/29 Python

python3将变量输入的简单实例

2020/08/19 Python

CSS+jQuery实现的在线答题功能

2015/04/25 HTML / CSS

css3 伪类选择器快速复习小结

2019/09/10 HTML / CSS

阿玛瑞酒店中文官方网站：Amari.com

2018/02/13 全球购物

土木工程应届生求职信

2013/10/31 职场文书

房地产销售经理岗位职责

2015/02/02 职场文书

房产证明范本

2015/06/19 职场文书

「睡美人」爱洛公主粘土人开订

2022/03/22 日漫

详解Spring Security如何在权限中使用通配符

2022/06/28 Java/Android