AI智能
改变未来

axios的请求拦截和响应拦截


添加请求拦截器

axios.interceptors.request.use(function (config) {// 在发送请求之前做些什么return config;}, function (error) {// 对请求错误做些什么return Promise.reject(error);});

简单说就是在发起的所有请求在请求头中添加信息

  • 比方(打个比方)

当后端接口需要在请求当中携带token 的时候,我们每次发起请求都要写一遍请求头 headers 这里就可以通过请求拦截器设置信息,这个axios就是经过处理的axios

添加响应拦截器

axios.interceptors.request.use(function (config) {// 在发送请求之前做些什么return config;}, function (error) {// 对请求错误做些什么return Promise.reject(error);});

简单说就是当axios响应给你的数据

  • 比方(打个比方)

通过axios发送请求都会有以下信息,可能我们就不会需要查看这么多的状态可以直接返回config.data

{// `data` 由服务器提供的响应data: {},// `status` 来自服务器响应的 HTTP 状态码status: 200,// `statusText` 来自服务器响应的 HTTP 状态信息statusText: \'OK\',// `headers` 服务器响应的头headers: {},// `config` 是为请求提供的配置信息config: {}}
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » axios的请求拦截和响应拦截