【axios】网络请求、数据获取、更新与渲染

ICE努力学前端

已于 2022-08-18 10:22:42 修改

阅读量848

点赞数

文章标签： javascript 前端开发语言

于 2022-08-17 18:03:44 首次发布

本文链接：https://blog.csdn.net/zhaohb2016/article/details/126391161

版权

本文介绍了axios在JavaScript前端开发中的应用，包括使用axios进行网络请求、错误处理、取消请求和利用拦截器进行请求和响应的自定义操作。在项目实践中，axios拦截器能方便地在请求发送前添加token，并在响应接收后处理如登录状态失效等问题。

摘要由CSDN通过智能技术生成

axios网络请求

项目中使用

axios学习官网，https://www.axios-http.cn/docs/intro
axios是一个封装好了XML异步请求的请求库。有一下特点：

从浏览器创建XMLHttpRequests
node.js创建http请求
支持promise API
拦截请求和响应
转换请求和响应数据
取消请求
自动转换JSON 数据
客户端支持防御XSRF

安装：npm install axios

用例

const axios = require('axios');

//给定id用户发起请求

axios.get('/user?ID=12345')
.then(function(response){
   
    //处理成功的情况
    console.log(response);
})
.catch(function(error){
   
    //处理失败的情况
    console.log(error)
})
.then(function(){
   
    //总是会执行的
})


//也可以写为
axios.get('/user', {
   
    params: {
   
      ID: 12345
    }
  })
  .then(function (response) {
   
    console.log