axios 全攻略之 API

﹏ヽ暗。殇╰゛Y 2022-06-08 14:06 298阅读 0赞

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

发送一个 POST 请求

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

请求一张远程图片

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

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

比如一个默认的 GET 请求

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

这里举例说明

  1. function getUserAccount() { 
  2.   return axios.get('/user/12345');
  3. }
  5. function getUserPermissions() { 
  6.   return axios.get('/user/12345/permissions');
  7. }
  9. axios.all([getUserAccount(), getUserPermissions()])
  10.   .then(axios.spread(function (acct, perms) { 
  11.     // Both requests are now complete
  12.   }));

创建一个实例

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

axios.create([config])

  1. 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]])

发表评论

表情：
评论列表 （有 0 条评论，298人围观）

还没有评论，来说两句吧...

相关阅读

    相关 vue axios全攻略

    随着 vuejs 作者尤雨溪发布消息，不再继续维护`vue-resource`，并推荐大家使用 `axios` 开始，`axios` 被越来越多的人所了解。本来想在网上找找详细

    小灰灰小灰灰/ 0 赞/ 670 阅读