Axios 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Axios 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Axios 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 局长
适用人群 未知
收录时间 2016-11-06

软件简介

Axios,基于 Promise 的 HTTP 客户端,可以工作于浏览器中,也可以在 node.js 中使用。

功能:

  • 从浏览器中创建 XMLHttpRequest

  • 从 node.js 中创建 http 请求

  • 支持 Promise API

  • 拦截请求和响应

  • 转换请求和响应数据

  • 取消请求

  • 自动转换 JSON 数据

  • 客户端支持防止 XSRF 攻击

示例代码:

执行一个 GET 请求

// Make a request for a user with a given ID
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
// Optionally the request above could also be done as
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

执行一个 POST 请求

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

执行多个并发请求

function getUserAccount() {
  return axios.get('/user/12345');
}
function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}
axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now complete
  }));
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (2)

加载中
jquery是浏览器端 axios 是node与浏览器都可以使用 jquery 是 callback 处理请求响应 axios是promise
2017/12/22 08:51
回复
举报
和jquery的有什么区别?
2017/11/12 13:39
回复
举报
更多评论
发表了资讯
2017/11/12 07:48

Axios 0.17.1 发布,基于 Promise 的 HTTP 客户端

Axios 0.17.1 已发布,Axios 是基于 Promise 的 HTTP 客户端,可以用于浏览器中,也可以在 node.js 中使用。 更新内容: 修复用户提交的一项错误 (#1160) 允许 overriding transport (#1080) 更新 TypeScript typings (#1165, #1125, #1131) 下载地址: Source code (zip) Source code (tar.gz)...

2
11
发表了资讯
2017/10/24 07:46

Axios 0.17.0 发布,基于 Promise 的 HTTP 客户端

Axios 0.17.0 已发布,Axios 是基于 Promise 的 HTTP 客户端,可以用于浏览器中,也可以在 node.js 中使用。 更新内容: BREAKING 解决 baseURL 和拦截器的问题 (#950) BREAKING 改进对重复标题的处理 (#874) 支持禁用代理 (#691) 使用通用类型参数更新 TypeScript typings (#1061) 详情可查阅更新日志 下载地址: Source code (zip) Source code (tar.gz)...

4
15
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2017/10/26 00:32

axios

# [axios](https://www.npmjs.com/package/axios) ## 相关资料 - [Axios 中文说明](https://www.kancloud.cn/yunye/axios/234845) > Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 ## Features(特征) - 从浏览器中创建 XMLHttpRequests - 从 node.js 创建 http 请求 - 支持 Promise API - ES6 原生提供了 Promise 对象。所谓 Promise,就是一个对象,用来传递异步操作的消息。 - 它代表了某个未来才会...

0
1
发表了博客
2019/09/10 09:41

Axios

JQuery时代,我们使用ajax向后台提交数据请求,Vue时代,Axios提供了前端对后台数据请求的各种方式。 一、什么是Axios Axios是基于Promise的Http客户端,可以在浏览器和node.js中使用。 <br> 二、为什么使用Axios Axios非常适合前后端数据交互,另一种请求后端数据的方式是vue-resource,vue-resource已经不再更新了,且只支持浏览器端使用,而Axios同时支持浏览器和Node端使用。 Vue开发者推荐使用更好的第三方工具,这就是Axi...

0
0
发表了博客
2020/05/07 10:50

axios

Ajax fetch axios的区别与优缺点 原生ajax: var xhr=new XMLHttpRequest(); xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); xhr.open('post','test.php'); xhr.send('name=test&age=18'); xhr.onreadystatechange=function(){   if(xhr.readySate==4&&xhr.status==200){     console.log(xhr.responseText);   } } jqueryAjax var btn=document.getElementById('btn'); btn.onclick=func...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2020/02/16 20:43

前端只是概念理解

大家好,nodejs、vuejs、express这些都是做什么的? 我的理解: nodejs可以做前端、可以写后端。所谓后端就是有可以跟数据库交互的模块 express是一个nodejs开发的mvc框架 vuejs是一个前端数据绑定框架 但是后来发现,vuejs也可以与后台交互什么 axios 也可以访问后台接口,也就是vuejs不能与数据库交互是吗? 在这nodejs 跟 express 两者的语法又不同,,, 有哪位大神一句话总结下这写框架的用途:(最好能比对着java开发说,...

4
0
2020/10/22 13:52

有关于 import 导入模块的的使用(浏览器环境)

今天使用axios请求链接时出现的一个疑惑!!! 正常使用 script 引入是能够正常使用的,但是因为后台需要接受的数据是key / value格式的对象(不是JSON格式)所以引入了 qs库,根据官网的写法引入出现以下错误。同时我也试了试了用import导入axios也出现了同样的错误。 百度了下大家都是在vue中使用import导入的,那在HTML中不能用这种方法导入吗?还是说我使用import导入的方法有问题??? 想问一下这个ES6 import导入第三方库...

7
0
发表于大前端专区
2020/04/25 20:20

Axios向后端发送数据,后端报java.io.EOFException: Unexpected EOF read on the socket错误

Vue+Spring Boot 的前后端分离项目,第一次做,在前后端通信上出问题了 后端controller层写了一个接口的demo    @PostMapping("/getName")    public String getName(@RequestBody Student student){        return student.getName();   } 这个接口用postman请求是没有问题的,可以正确返回 但是前端axios发起请求就失败了,异常信息如下: org.springframework.http.converter.HttpMessageNotReadableExcep...

11
0
发表于大前端专区
2020/05/22 09:34

vue axios 向后台请求接口报错

在调用后台的接口过程中: 出现了这样一个错误:百度查了一下 没有找到具体的解决方案 所以贴出来请大家帮帮忙 我是这么配置的

4
0
发表于开发技能专区
2020/04/21 23:35

axios has been blocked by CORS policy

1
0
发表于DevOps专区
2020/03/19 16:51

问题有关:Vue-axios-echarts,求大佬帮忙

java:  public List<MachineState> machinestate(){         List<MachineState> machinestate=this.echartsMapper.MachineState();         for(MachineState state:machinestate) {             if(state.getSystemstate()==1) {                 state.setState("在线");//数据拿到字段systemstate等于1是为在线状态             }else if(state.getSystemstate()==2) { ...

1
0
2019/12/30 21:27

后端servlet跨域问题

很奇怪,前端axios不加自定义header,发送post一点问题都没有,一改自定义header,console就报跨域问题。 既然普通post都没有问题,说明配置应该是没有问题的。 后端servlet   protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {     // TODO Auto-generated method stub        response.setHeader("Access-Control-Allow-Origin", "*");     response.set...

4
0
2019/12/03 22:00

不懂就问,axios发送post请求,数据为Form Data 怎么设置成Request Payload发送JSON格式的数据,

3
0
发表于大前端专区
2018/06/01 19:27

axios拦截器中无法设置请求头

登录的时候后台返给前端一个token, 每次请求携带该token, 我想在axios拦截器中进行设置,代码如下: 但是请求头是这样的: 我想知道在拦截器如何才能将Authorization设置到请求头中

1
1
2017/12/10 19:39

vue项目使用 axios请求接口,后台设置了跨域 也没用

18
0
发表于软件架构专区
2019/05/13 13:53

Vue使用Axios通过post方式访问后台,为什么后台获取不到传递过来的参数?(跨域)

我用Vue+Element搭建了一个前端应用。使用Axios来进行数据的访问。配置如下 后台是一个Spring项目,也进行了跨域的配置,如下 使用如下代码请求后台时,后台确实接收到了请求,但却没有接收到请求参数 尝试了各种方法都不行唉.../(ㄒoㄒ)/~~

4
0
发表了问答
2017/08/12 15:15

jwt在客户段怎么发送token字符串?

我看的教程中说是发jwt的token字符串放到header中,但是header中不能随便放东西啊, 我在node下,使用的axios进行的请求 我方进去之后,出现这个效果!!

1
0
发表于服务端专区
2019/03/19 20:42

vue中发送请求删除数据,页面上的数据却不刷新

我做的是一个采用Vue.js+Spring Boot的前后端分离的项目 我前端在点击删除按钮后,发送一个axios请求到后端,执行完删除 前端再调用method中的方法重新获取一遍数据,但是获取完之后当前页面的数据并没有刷新,只有做一下其他的操作比如往前跳转一页再跳回来,数据才会刷新。 然后其他的新增、编辑功能并不会出现这种情况,都是在请求完成后数据立马刷新 网上查资料有说使用this.$forceupdate()来进行强制刷新页面,然后依然没有...

15
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2 评论
82 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部