Vue打包后访问静态资源路径问题


Posted in Javascript onNovember 08, 2019

Vue介绍中static文件夹里放的是静态资源目录,如图片、字体等。

我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢?

我们知道,执行npm run build 后会生成dist文件夹,把里面的index.html在浏览器运行会发现

图片路径出错啦!!!

Vue打包后访问静态资源路径问题

解决方法:

1.先找到config下的index.js文件

Vue打包后访问静态资源路径问题

把最后的'/' 改为 './'

2.接着把图片地址改为

Vue打包后访问静态资源路径问题

Vue打包后访问静态资源路径问题

以上就是Vue打包后访问静态资源路径问题的相关知识点,感谢大家的阅读和对三水点靠木的支持。

Javascript 相关文章推荐
javascript下给元素添加事件的方法与代码
Aug 13 Javascript
jquery学习笔记 用jquery实现无刷新登录
Aug 08 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
javascrip关于继承的小例子
May 10 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
JS中frameset框架弹出层实例代码
Apr 01 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
Oct 26 Javascript
关于TypeScript中import JSON的正确姿势详解
Jul 25 Javascript
微信小程序中post方法与get方法的封装
Sep 26 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
Sep 28 Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 #Javascript
js 对象使用的小技巧实例分析
Nov 08 #Javascript
JS对日期操作封装代码实例
Nov 08 #Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 #Javascript
js 递归json树实现根据子id查父id的方法分析
Nov 08 #Javascript
BootstrapValidator验证用户名已存在(ajax)
Nov 08 #Javascript
微信小程序在text文本实现多种字体样式
Nov 08 #Javascript
You might like
PHP中调用JAVA
2006/10/09 PHP
Zend Framework教程之Autoloading用法详解
2016/03/08 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
jquery中实现简单的tabs插件功能的代码
2011/03/02 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
2013/03/11 Javascript
JS操作图片(增,删,改) 例子
2013/04/17 Javascript
javascript使用数组的push方法完成快速排序
2014/09/15 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
JQuery限制复选框checkbox可选中个数的方法
2015/04/20 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
解决layer.prompt无效的问题
2019/09/24 Javascript
echarts实现折线图的拖拽效果
2019/12/19 Javascript
[54:10]完美世界DOTA2联赛PWL S2 Magma vs FTD 第二场 11.29
2020/12/03 DOTA
python正则表达式match和search用法实例
2015/03/26 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
Django权限机制实现代码详解
2018/02/05 Python
Python从零开始创建区块链
2018/03/06 Python
pandas apply 函数 实现多进程的示例讲解
2018/04/20 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
Python3.9.1中使用match方法详解
2021/02/08 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
什么是设计模式
2012/06/17 面试题
计算机专业推荐信范文
2013/11/27 职场文书
公司合作意向书范文
2014/07/30 职场文书
2014年教师节寄语
2014/08/11 职场文书
小学班主任工作总结2015
2015/04/07 职场文书
教师创先争优承诺书
2015/04/27 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
Mysql外键约束的创建与删除的使用
2022/03/03 MySQL
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫