axios 全攻略之 API

作者: 白色鹈鹕鸟 | 来源:发表于2017-09-27 18:58 被阅读238次

你可以在 Request 中使用具体的配置项

发送一个 POST 请求

axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

请求一张远程图片

axios({
  method:'get',
  url:'http://bit.ly/2mTM3nY',
  responseType:'stream'
})
  .then(function(response) {
  response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
});

在 axios 中使用 axios(url[, config]) 方式来配置选项

比如一个默认的 GET 请求

axios('/user/12345');

请求方法简写

axios 提供了一系列简洁的方法来支持所有的请求

axios.request(config)

axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[, config])

axios.options(url[, config])

axios.post(url[, data[, config]])

axios.put(url[, data[, config]])

axios.patch(url[, data[, config]])

你可以使用如下的两个方法来并发的执行异步请求,当最后一个请求之后才运行后面的代码

axios.all(iterable)

axios.spread(callback)

这里举例说明

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
  }));

创建一个实例

你能够通过自定义的配置创建一个 axios 实例

axios.create([config])

var instance = axios.create({
  baseURL: 'https://some-domain.com/api/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});

实例

可以使用的实例如下所示,指定的配置会和实例配置合并

axios#request(config)

axios#get(url[, config])

axios#delete(url[, config])

axios#head(url[, config])

axios#options(url[, config])

axios#post(url[, data[, config]])

axios#put(url[, data[, config]])

axios#patch(url[, data[, config]])

相关文章

  • axios配置相关

    参考文档 Axios 请求配置参数详解 axios 全攻略之基本介绍与使用(GET 与 POST)

  • axios 全攻略之 API

    你可以在 Request 中使用具体的配置项 发送一个 POST 请求 请求一张远程图片 在 axios 中使用 ...

  • axios API

    axios API 可以通过向 axios 传递相关配置来创建请求 axios(config) axios(url...

  • vue封装axios的api

    api/request.js import axios from 'axios' const instance =...

  • 封装一个ajax

    实现类似 axios.get() 和 axios.post() 的API

  • vue - axios封装

    1.安装axios 2.新建一个axios.js文件,对axios进行封装 3.api.js(api的统一管理,模...

  • ajax的取消

    读axios的api是发现axios提供了ajax取消的机制。

  • axios的上传与下载

    1、设置axios下载api 例如 2、使用axios进行文件上传

  • 上传

    axios封装 上传api.js api.js vue文件

  • axios封装

    axios封装 同目录api调用

网友评论

    本文标题:axios 全攻略之 API

    本文链接:https://www.haomeiwen.com/subject/bfveextx.html