Vue-cli项目获取本地json文件数据的实例


Posted in Javascript onMarch 07, 2018

在自己做的vue demo项目中,我想通过在本地添加一些json数据,写到json文件中,并且通过异步请求获取到,然后加载数据。

axios.get('http://localhost:8080/datas/json')

然而在这一过程中,我的访问总是404.通过查阅,我发现,在vue-cli基础上构建的项目中,只有static目录才是vue-cli向外暴露的静态数据文件夹,我放在static下的图片可以正常访问到,我是在static同级目录新建了datas目录,将json文件放入datas目录,请求总是404,当我将json文件放到static目录下后,就可以正常访问了。

这一特性一定要记住:

static目录是vue-cli向外暴露的静态文件夹,所有静态数据都应该放到static目录中!!

以上这篇Vue-cli项目获取本地json文件数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery对象和DOM对象使用说明
Jun 25 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
May 11 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
Nov 19 Javascript
jquery实现select选中行、列合计示例
Apr 25 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
Jun 23 Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 Javascript
JavaScript几种数组去掉重复值的方法推荐
Apr 12 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 Javascript
Vuex实现简单购物车
Jan 10 Vue.js
在vue项目中,使用axios跨域处理
Mar 07 #Javascript
vue中axios解决跨域问题和拦截器的使用方法
Mar 07 #Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 #Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
Mar 07 #Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
Mar 07 #Javascript
浅谈webpack打包之后的文件过大的解决方法
Mar 07 #Javascript
解决iview打包时UglifyJs报错的问题
Mar 07 #Javascript
You might like
用ADODB来让PHP操作ACCESS数据库的方法
2006/12/31 PHP
PHP读取网页文件内容的实现代码(fopen,curl等)
2011/06/23 PHP
php控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
PHP+Javascript实现在线拍照功能实例
2015/07/18 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
javascript IFrame 强制刷新代码
2009/07/23 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
2016/09/19 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
Angular路由ui-router配置详解
2018/08/01 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
vue 授权获取微信openId操作
2020/11/13 Javascript
[03:49]DOTA2英雄基础教程 光之守卫
2014/01/14 DOTA
python目录与文件名操作例子
2016/08/28 Python
Python 序列的方法总结
2016/10/18 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
Python面向对象程序设计类的多态用法详解
2019/04/12 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
基于keras中的回调函数用法说明
2020/06/17 Python
Sixt美国租车:高端豪华车型自驾体验
2017/09/02 全球购物
蔻驰意大利官网:COACH意大利
2019/01/16 全球购物
硅酸盐工业控制专业应届生求职信
2013/11/02 职场文书
《都江堰》教学反思
2014/02/07 职场文书
征婚广告词
2014/03/17 职场文书
干部作风建设工作总结
2014/10/29 职场文书
出国签证在职证明范本
2014/11/24 职场文书
毕业晚宴祝酒词
2015/08/11 职场文书
关于Javascript闭包与应用的详解
2021/04/22 Javascript