基于axios封装request

该博客介绍了如何基于axios创建一个请求实例,并设置了基础URL、超时时间、凭据处理等。同时,它包含了请求和响应拦截器的实现,用于添加自定义token、处理请求错误,特别是针对网络超时和401、403状态码的错误处理,以及Blob类型错误的兼容处理。
摘要由CSDN通过智能技术生成

import axios from 'axios'
import { Notification } from 'element-ui'
// 创建axios实例
const service = axios.create({
    // baseURL: 'http://192.168.1.69:5000',
    baseURL: process.env.API_ROOT,
    timeout: 80000, // 请求超时时间
     withCredentials: true,
    // crossDomain: true
})

// request拦截器
service.interceptors.request.use(
    config => {
        if (getToken()) {
             config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
         }
        var lang = localStorage.getItem('lang')//因为项目中使用到了i18n国际化语言配置,请根据实际情况自行修改
        if (!lang) {
            lang = 'zh_CN'
        }
        config.headers['Accept-Language'] = lang.replace(/_/g, '-')
        config.headers['Content-Type'] = 'applic

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bscfrwx

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值