ajax库axios让http请求变得优雅

2022-12-29 0 265

ajax库axios让http请求变得优雅

axios是甚么?

axios 是两个如前所述Promise 用作应用程序和 nodejs 的 HTTP 应用程序。

特征

从应用程序中建立 XMLHttpRequest从 node.js 发出 http 允诺全力支持 Promise API截击允诺和积极响应切换允诺和积极响应统计数据中止允诺手动切换JSON统计数据应用程序全力支持避免XSRF

ajax库axios让http请求变得优雅interceptor

应用程序兼容性

ajax库axios让http请求变得优雅

安装

全局安装:npm install axioscnd引用简单上手

GET允诺

ajax库axios让http请求变得优雅

POST允诺

ajax库axios让http请求变得优雅

同时发起多个允诺

ajax库axios让http请求变得优雅

感觉和fetch差不多,写起来很方便。

实例

你可以建立两个拥有通用配置的axios实例: axios.creat([config])

var instance = axios.create({

baseURL:xxxxxxx,

timeout:1000,

headers:{X-Custom-Header:foobar}

});

config常用设置说明

url:/user ;// `url` 是允诺的接口地址method:get;// 默认 getbaseURL:xxxxxxxx; 如果url不是绝对路径,那么会将baseURL和url拼接作为允诺的接口地址headers:{X-Requested-With:XMLHttpRequest}, // 设置允诺头transformRequest: [function (data) { // 做任何你想要的统计数据切换 return data; }],只适用作允诺方法PUT,POST和PATCH

paramsSerializer:function(params){return Qs.stringify(params,{arrayFormat:brackets})} 是两个可选的函数负责序列化`params`

timeout: 1000; //指定允诺超时之前的毫秒数。responseType:json; 默认值是json , 可选项 arraybuffer, blob, document, json, text, streammaxContentLength:2000; //设置http积极响应内容的最大长度maxRedirects:5,//定义node.js中要遵循的最大重定向数量,如果设置为0,则不会执行重定向配置优先级

配置项通过一定的规则合并,request config > instance.defaults > 系统默认,优先级高的覆盖优先级低的。

依赖

axios 依赖本地ES6 Promise全力支持. 如果你的环境不全力支持 ES6 Promises,你可以使用polyfill。

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务