axios 是什么?怎么使用?-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

axios 是什么?怎么使用?

[导读]:axios 是一个基于 promise 的 HTTP 库,可以发送 get,post 请求,正是由于 Vue、React 的出现,促使了 axios 轻量级库的出现 特定: 可以在浏览器中发送 XMLHttpRequest 请求 可以在 node.js 发送 http 请求 支...

axios 是一个基于 promise 的 HTTP 库,可以发送 get,post 请求,正是由于 Vue、React 的出现,促使了 axios 轻量级库的出现

特定:

  • 可以在浏览器中发送 XMLHttpRequest 请求

  • 可以在 node.js 发送 http 请求

  • 支持 Promise API

  • 拦截请求和响应

  • 转换请求和响应

  • 转换请求数据和响应数据

  • 能够取消请求

  • 自动转化 JSON 格式

  • 客户端支持保护安全免受 XSRF 攻击

如何使用:

  • npm install --save axios 安装axios

在入口 main.js 中导入 axios
import Axios from 'axios'
Vue.propertype.$axios = Axios;

使用 axios 发送 get 请求

this.$axios.get('/user?stu_id=1002').then(function(resp{
    console.log(resp);
}).catch(function(err{
    console.log(err);
});

使用 axios 发送 post 请求 post原生请求在后端是接收不到参数的,所有有两种解决方案,这里只写一种!第二种解决方案是用 QS。

var params = new URLSearchParams();
    params.append('name','孙悟空');
    params.append('age',22);
    let that = this;
    this.$axios.post('http://localhost:8082/user',params).then(function(resp{
    console.log(resp.data.users);
    that.ausers = data.data.users;
}).catch(function(err{
    console.log(err);
});

 

本文来自E先生的博客,如若转载,请注明出处:https://javajz.cn

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

欢迎加Easy的QQ