请求工具axios

介绍

axios是一款基于XMLHttpRequest对象封装的网络请求工具,同时支持浏览器和nodejs,继承了Promise

根据环境不同

浏览器是基于XMLHttpRequest

Nodejs是基于http模块

安装axios

npm install axios

常用API

axios.get(url,[options]).then().catch()

axios.post(url,[body],[options]).then().catch()

axios(options).then().catch()

一般发起请求时

get请求的参数是params选项

post请求的参数是data选项

axios的请求拦截

我们调接口时,有时候会需要传入一个token,而我们的token是放在cookie或者localStorage里,如果说我们token改变了,用户退出再登录的情况下,后续会携带的token将是上一次的token,为了保证我们每次请求是最新的token,所以需要请求拦截了.

可以在发送请求之前，在headers中加上token，发送给后端

axios的响应拦截

每次我们通过axios去请求接口时,返回的response体并不是我们想要的数据,response中的data才是我们想要的,这时就可以使用使用响应拦截了

可以对后端数据进行过滤

axios在vue中全局使用

将axios挂载到Vue的原型上即可

 封装一个axios

config.headers.Authorization=localStorage.getItem('token')  //加token