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 相关文章推荐
测试你的JS的掌握程度的代码
Dec 09 Javascript
将文本输入框内容加入表中的js代码
Aug 18 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
JS中substring与substr的用法
Nov 16 Javascript
js 中获取制定的cook信息实现方法
Nov 19 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 Javascript
纯JavaScript实现实时反馈系统时间
Oct 26 Javascript
深入理解react 组件类型及使用场景
Mar 07 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
vue更改数组中的值实例代码详解
Feb 07 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
在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
Laravel 5框架学习之路由、控制器和视图简介
2015/04/07 PHP
浅谈PDO的rowCount函数
2015/06/18 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
Aster vs KG BO3 第二场2.18
2021/03/10 DOTA
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
2019/01/27 jQuery
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
[00:56]PWL开团时刻DAY8——追追追追追!
2020/11/09 DOTA
详解Python文本操作相关模块
2017/06/22 Python
Python排序搜索基本算法之选择排序实例分析
2017/12/09 Python
Python实现两款计算器功能示例
2017/12/19 Python
mac安装pytorch及系统的numpy更新方法
2018/07/26 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
python如何使用代码运行助手
2020/07/03 Python
Ivory Isle Designs美国/加拿大:婚礼和活动文具公司
2018/08/21 全球购物
YOOX台湾:意大利奢侈品电商
2018/10/13 全球购物
职务任命书范本
2014/06/05 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
十佳少年事迹材料
2014/12/25 职场文书
单方投资意向书
2015/05/11 职场文书
秋收起义观后感
2015/06/11 职场文书
2015年小学重阳节活动总结
2015/07/29 职场文书
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers