什么是axios?
axios 是一个基于promise 的HTTP库,可以用在浏览器与node.js中
特点:
可以拦截请求与响应
转换请求数据与响应数据
取消请求
自动转换JSON数据
客户端支持防御XSRF
可以在浏览器中创建原生ajax
在node创建http请求
特点是从官网上面抄写过来
其中最前面两条 拦截 与转换, 仔细想想,那不就一回事嘛, 拦截请求与响应,不就是为了做一个逻辑上面的处理,从而加工数据,
axios 配置项
{
baseURL: // 基础路径
settime: // 超时的时间
parmas:// 参数
// 一般用于post 等等,就是向服务器发送数据,前的拦截。处理 data 就是发送的数据
tranformRequest:[function(data,headres)]
// 在传递给then 或者 catch 之前的允许修改数据
tranformResponse
}
还有很多配置,目前基本上用不着
拦截器和 tranformResponse 是真的比较像。
在这里主要是写一些,在项目中需要用到的一些封装。
比方我们在vue项目中,我们建立一个api文件夹
还有在创建一些文件
用于 配置axios、用于设置好请求的路径
比方说,我们现在创建config 文件与index 文件
confing
import axios from ‘axios’
import puild from './index'
const in = axios.create({ baseURL:'' ,settime:'2000' ....... })
export defalu {p() {return in.get(puild)}}
index 文件
export const puild = () => www.baidu.com/parms=a //
这样就配置好了。 请求url 路径 参数都设置好了。
这样做的好处时,简化代码,方便以后的维护。