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
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章