axios发送常见请求方式以及拦截器的封装

常见请求方式以及拦截器的封装"/>

axios发送常见请求方式以及拦截器的封装

一，常见请求

//1.get--传递paramsaxios.get("/test",{params:{}})//2.post--传递paramsaxios.post("/test",{},{params:{}})
//3.post--传递bodyaxios.post("/test",{name:""})

二，封装请求拦截器

import axios  from "axios";const  _axios=axios.create({baseURL:"http://localhost:8088",})_axios.interceptors.request.use(function (config){//统一请求添加tokenconfig.headers={Authorization:"wlb-wlb123456"}return config;},function  (error){return Promise.reject(error)}
)_axios.interceptors.response.use(function (config){return config;},function  (error){//可以在这里做统一的响应状态判断if(error.status===400){return Promise.resolve(400)}else if(error.status===401){//未授权跳转到登录页面}//如果上边没有处理对应的状态，那么异常还是会抛出给浏览器，所以，可以通过//每个状态判断完成以后Promise.resolve(400)，告诉浏览器自己已经解决了问题，就不会再抛出去了return Promise.reject(error)}
)export default _axios;

请求拦截器可以帮我们做请求携带token，响应拦截器可以帮我们做响应状态判断，做对应的逻辑