Axios 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Axios 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 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) 详情可查阅更新日志 下载地址: Sour...

4
15
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/04/29 17:09

axios

官网: https://github.com/axios/axios 参考:https://www.cnblogs.com/zhouyangla/p/6753673.html 引入方式: $ npm install axios //使用淘宝源 $ cnpm install axios //或者使用cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 安装其他插件的时候,可以直接在 main.js 中引入并使用 Vue....

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

Axios

JQuery时代,我们使用ajax向后台提交数据请求,Vue时代,Axios提供了前端对后台数据请求的各种方式。 一、什么是Axios Axios是基于Promise的Http客户端,可以在浏览器和node.js中使用。 <br> 二、为什么使用Axios Axios非常适合前后端数据交互,另一种请求后端数据的方式是vue-resource,vue-resource已经不再更新了,且...

0
0
发表于大前端专区
09/18 11:29

axios

axios传参默认格式:application/json格式 若后台需要的数据格式为key/value格式,可以在axios的config中进行配置,也可以用qs.stringify()方法进行转换 注:若用原生的 标签对后台进行post传输数据,默认即...

0
0
发表了博客
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...

0
0
发表了博客
2018/05/03 14:06

axios

使用axios中碰到的问题, 比如怎么写header,怎么添加authentication, config中放什么内容,https request会报error unable to verify the first certificate…… 参考了https://www.npmjs.com/package/axios 有基本使用方法,这也是一种学习方法,用到某个nodejs package,就到npm上面搜索,都有guideline。 https://...

0
0
发表了博客
2018/01/05 13:22

axios

一、带cookie请求 axios默认是请求的时候不会带上cookie的,需要通过设置withCredentials: true来解决。 二、使post请求发送的是formdata格式数据 首先必须设置请求头 1 2 3 4 //可以通过这种方式给axios设置的默认请求头 axios.defaults.headers = { "Content-Type": "application/x-www-form-urlencoded" } 其次再发送...

0
0
05/01 22:03

axios

axios发起get请求 axios.get('http://rap2api.taobao.org/app/mock/238720/getMapping', { params: { userId: "1" } }) ...

0
0
发表于大前端专区
2018/10/18 14:37

axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特点 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动...

0
0
发表了博客
09/11 15:03

axios

axios axios的作用 axios 的使用 get post axios() axios的作用 ajax工具包 promie 支持请求和响应的拦截 nodejs和网页端都可以使用 axios 的使用 安装 npm install axios 导入挂载 import axios from ‘axios’ Vue.prototype.@http=axios 在组件中使用 this.$http.get(url) .then(res=>console.log(res)) .catch(err=...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
10/22 13:52

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

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

2
0
发表于大前端专区
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请求是没有问题的,可以正确返回 但是前端a...

7
0
05/26 08:48

vue中echarts通过axios获取到数据,但是前端页面图却显示不出来!

export default { data() { return { colors: [ "#f7797d", "#2C5364", "#40E0D0", "#12c2e9", "#1565C0", "#6b6b83", "#11998e", "#c94b4b", "#00b09b", "#CAC531" ], }; }, mou...

1
0
发表于开发技能专区
05/22 09:34

vue axios 向后台请求接口报错

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

2
0
发表于软件架构专区
04/21 23:35

axios has been blocked by CORS policy

1
0
发表于开发技能专区
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("在线");//数据...

1
0
02/16 20:43

前端只是概念理解

大家好,nodejs、vuejs、express这些都是做什么的? 我的理解: nodejs可以做前端、可以写后端。所谓后端就是有可以跟数据库交互的模块 express是一个nodejs开发的mvc框架 vuejs是一个前端数据绑定框架 但是后来发现,vuejs也可以与后台交互什么 axios 也可以访问后台接口,也就是vuejs不能与数据库交互是吗? 在这nodej...

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...

3
0
2019/12/03 22:00

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

2
0
发表于服务端专区
2018/06/01 19:27

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

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

1
1
2017/12/10 19:39

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

10
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中的方法重新获取一遍数据,但是获取完之后当前页面的数据并没有刷新,只有做一下其他的操作比如往前跳转一页再跳回来,数据才会刷新。 然后其他的新增、编辑功能并不会出现这种情况...

4
1
发表了问答
2017/07/29 19:29

Vue.js利用Axios请求到数据后,不能在页面上现实?

前端的代码: <template> <div> <h1>Page01</h1> <ul> <li v-for="post in posts"> {{post}} </li> </ul> </div> </template> <script> export default { data () { return { posts: [] } }, mounted: function () { this.$http.get('http://127.0.0....

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2 评论
81 收藏
分享
返回顶部
顶部