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中的Split使用方法与技巧
Mar 09 Javascript
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
javascript十个最常用的自定义函数(中文版)
Sep 07 Javascript
对字符串进行HTML编码和解码的JavaScript函数
Feb 01 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
jQuery验证插件validate使用详解
May 11 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
Jul 27 Javascript
angularjs获取到My97DatePicker选中的值方法
Oct 02 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 Vue.js
在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删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
Apache服务器无法使用的解决方法
2013/05/08 PHP
时间戳转换为时间 年月日时间的JS函数
2013/08/19 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
H5移动端图片压缩上传开发流程
2016/11/09 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
记录vue做微信自定义分享的一些问题
2019/09/12 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
Vue 实现登录界面验证码功能
2020/01/03 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
原生js实现放大镜组件
2021/01/22 Javascript
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
Python Xml文件添加字节属性的方法
2018/03/31 Python
python实现俄罗斯方块
2018/06/26 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
在jupyter notebook中调用.ipynb文件方式
2020/04/14 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
简述python Scrapy框架
2020/08/17 Python
团组织关系介绍信
2014/01/12 职场文书
酒店总经理欢迎词
2014/01/15 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
社区务虚会发言材料
2014/10/20 职场文书
三方协议书
2015/01/27 职场文书
小兵张嘎观后感300字
2015/06/03 职场文书
关于社会实践的心得体会(2016最新版)
2016/01/25 职场文书
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android
php去除deprecated的实例方法
2021/11/17 PHP
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL
linux下安装redis图文详细步骤
2021/12/04 Redis