导航菜单
首页 >  最详细的axios+vuex请求封装以及使用实例  > axios详解以及完整封装方法

axios详解以及完整封装方法

axios详解以及完整封装方法一、axios是什么

Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

axios有以下特性:

从浏览器创建 XMLHttpRequests

从 node.js 创建 http 请求

支持 Promise API

拦截请求和响应

转换请求和响应数据

取消请求

自动转换JSON数据

客户端支持防御XSRF

axios可以请求的方法:

get:获取数据,请求指定的信息,返回实体对象

post:向指定资源提交数据(例如表单提交或文件上传)

put:更新数据,从客户端向服务器传送的数据取代指定的文档的内容

patch:更新数据,是对put方法的补充,用来对已知资源进行局部更新

delete:请求服务器删除指定的数据

head:获取报文首部

请求方法别名

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

axios(config)

axios.request(config)

axios.get(url [,config])

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

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

axios.delete(url [,config])

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

axios.head(url [,config])

二.axios实例及配置方法1.创建axios实例

axios.create([config])

可以同时创建多个axios实例。

示例代码

代码语言:javascript复制const 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#getUri([config])

2.配置方法

配置对象常用的配置项:

这些是创建请求时可以用的配置选项。只有 url 是必需的。如果没有指定 method,请求将默认使用 GET 方法。

相关推荐: