axios 一次错误的使用体验备忘

我之前使用axios包来读取json文件,遇到了一些问题,这里回顾备忘一下。axios的使用

const axios = require('axios')
//或者 import axios from "axios"
 axios.get('file.json').then(function(response){
    //注意,这里返回的是请求的返回值,具体的json文件中的数据在response.data中
    console.log(response)
})

之前遇到的问题就是我在then中将response返回的值赋给了一个数组变量。然后在axios函数体外面打印这个变量和变量长度会发现数组有值,但是数组长度始终为0值。
我理解的axios为一个异步操作,它是通过网络请求获取文件中的数据,然后异步赋值给前面定义的变量。完整的axios函数可以链式调用

.then(response).catch(error).then()

第一个then用来处理返回,catch用来捕获错误,第二个then中才处理相关的逻辑。我在第二个then中赋值后就能够得到变量及变量的长度了。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,717评论 0 5
  • [TOC] 参考阮一峰的ECMAScript 6 入门参考深入浅出ES6 let和const let和const都...
    郭子web阅读 1,915评论 0 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,874评论 0 3
  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 3,146评论 2 9
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,683评论 0 4

友情链接更多精彩内容