axios封装请求响应拦截

这段代码是运用axios封装请求,响应,请求头,并且将get和post请求的接口直接暴露出来了,

  • 小伙伴们如果需要使用,必须主要在请求后台数据的时候使用 post/get("接口").then(res=>{console.log(返回数据)})
import axios from "axios";

let request = axios.create({
    /*
    * production: 线上环境
    * development:开发环境
    *
    * npm i  包名  --save-dev : 线上环境 axios element-UI swiper  -dev:开发环境 sass  eslint  glup babel
    *
    * */
    // baseURL: "",//process.env.NODE_ENV === "production" ? "" : "",
    timeout: 5000
});

/*
* 请求拦截
* */
//请求投拦截

request.interceptors.request.use((config) => {
    config.headers.authorization = `Bearer ${window.localStorage.getItem("token")}`;
    return config;
}, (err) => {
    console.error(err);
});

/*
* 响应
* */
request.interceptors.response.use((response) => {
    return response.data;
}, (err) => {

    console.log(err);

});

/*
* 函数*/
let get = (url) => request.get(url);
let post = (url, params) => request.post(url, params || {});
let deletes = (url, params) => request.delete(url, params || {});

export {
    get, post, deletes
}

发布了103 篇原创文章 · 获赞 19 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/M106588L/article/details/101101828