axios

最新推荐文章于 2024-12-18 19:24:58 发布

原创最新推荐文章于 2024-12-18 19:24:58 发布 · 104 阅读

0 ·

CC 4.0 BY-SA版权

该博客详细介绍了如何利用axios库和qs模块创建一个HTTP请求实例，包括设置基础URL、超时时间、请求头，并封装了GET和POST方法。同时，实现了请求和响应的拦截器，用于处理可能出现的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import axios from 'axios'
import qs from 'qs'

 const instance = axios.create({
    baseURL:'http://heyuhang.top',
    timeout:20000,
    headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'}
})

// let setToken = function () {
//     instance.defaults.headers.common['token'] = sessionStorage.getItem(token);
// }

// 封装get
// let get = async function(url,params) {
//     const data = await instance.get(url,{params})
//     return data
// }

// 封装post
let post =  function(url,params) {
    const data = instance.post(url,qs.stringify(params))
    return data
}

// 3.请求拦截
instance.interceptors.request.use(
    config => {
      return config;
    },
    err => {
      console.log(err);
    }
  );

  // 4.响应拦截
  instance.interceptors.response.use(
    result => {
      return result.data;
    },
    err => {
      console.log(err);
    }
  );

  export {get,post}