vue使用Axios做ajax请求

  • 时间:2017-06-07
  • 分类:JavaScript
  • 2052 人浏览
[导读]vue2.0之后,就不再对vue-resource更新,而是推荐使用axios

vue2.0之后,就不再对vue-resource更新,而是推荐使用axios

1. 安装 axios

2. 在要使用的文件中引入axios

3. 使用axios做请求

可以通过向 axios 传递相关配置来创建请求, 只有 url 是必需的。如果没有指定 method,请求将默认使用 get 方法。

 

为方便,所有支持的请求方法都提供了别名:

axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(url[, config]) axios.post(url[, data[, config]]) axios.put(url[, data[, config]]) axios.patch(url[, data[, config]])

4. 请求的响应结构

使用 then 时,你将接收下面这样的响应:

在使用 catch 时,响应可以通过 error 对象可被使用

5. 使用实例

el1: get请求

el2: post请求

el3: 执行多个并发请求

 

来源:本文为线上采编,如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除!
标签: vue Axios ajax请求