【study】axios

55 阅读1分钟
  1. 创建一个axios对象
const instance = axios.create({
    baseUrl: 'http://xxx',
    timeout: 5000
})
  1. get
export function get(url,params) {
    return instance.get(url,{params})
}
  1. post
export function post(url,data) {
    return instance.post(url,data)
}
  1. del
export function del(url,data) {
    return instance.del(url)
}
  1. put
export function put(url,data) {
    return instance.put(url,data)
}
  1. 请求拦截器
// 请求前进行一些操作,例:请求体加token

axios.interceptors.request.use((config) => {
   // 发生请求之前做些什么,例如加入token, config.hearders.token = '123'
   
   return config;
}).(error) => {
  return Promise.reject(error)
}
  1. 响应拦截器
// 接收到响应后进行一些操作
// 例:服务器返回登录状态失败,需要重新登录,跳转到登录页

axios.interceptors.response.use((response) => {
   // 接收响应之前做什么,例:跳转login页面,根据返回的状态码做处理
   
   return response;
}).(error) => {
  return Promise.reject(error)
}