axios封装请求响应拦截

本文介绍如何使用axios进行请求和响应的拦截处理,包括请求头的设置,同时提供了get和post请求的接口封装示例,适用于需要对接后台数据的场景。
摘要由CSDN通过智能技术生成

这段代码是运用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
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值