首页 > 其他分享 >二次封装axios

二次封装axios

时间:2024-03-27 23:49:08浏览次数:22  
标签:axios 封装 二次 request break error message response

import axios from "axios";
import { ElMessage } from "element-plus";

const request = axios.create({
    baseURL: "http://127.0.0.1:3000/api",
    timeout: 5000,
});

request.interceptors.request.use((config) => {
    // config.headers['Authorization'] = 'Bearer ' + token;
    return config;
});

request.interceptors.response.use(
    (response) => {
        return response.data;
    },
    (error) => {
        const statusCode = error.response.status;
        let message = "";
        switch (statusCode) {
            case 401:
                message = "Token expires";
                break;
            case 403:
                message = "Unauthorized access";
                break;
            case 404:
                message = "Request address error";
                break;
            case 500:
                message = "Backend error";
                break;
        }
        ElMessage.error(message);
        return Promise.reject(error);
    }
);

export default request;

标签:axios,封装,二次,request,break,error,message,response
From: https://www.cnblogs.com/twinkler/p/18100564

相关文章

  • 视频封装格式FLV
    FLV的封装格式FLV(FlashVideo)是一种常见的视频封装格式,最初由Adobe公司开发,用于在网络上播放的视频内容。FLV格式通常用于将视频和音频流组合在一起,并以一种紧凑的方式存储在单个文件中。下面是FLV封装格式的一些关键点:Header记录了FLV的类型,版本、流信息、Header长度......
  • 统一结果封装
    1、Result一般来说,增删改返回boolean,查询返回对象或集合,还有其他类型的返回数据,前段解析数据比较麻烦,需要返回一个统一的数据结果统一数据返回结果类:data:封装数据(各种类型的,例如boolean、null、json等)code:封装操作类型与是否成功,可以使用枚举类msg:封装特殊信息(操作失败......
  • 封装组合式函数
    封装组件importtype{XtxGuessInstance}from'@/types/components'import{ref}from'vue'/**猜你喜欢组合式函数*/exportconstuseGuessList=()=>{//获取猜你喜欢组件实例constguessRef=ref()//滚动触底事件constonScrolltolower=()=>{guess......
  • NX二次开发:切换应用模块
    一、概述    最近将唐工的教学视频基本上看完了,收获很大;昨天NX二次开发学习群中,有小伙伴说在从建模模块切换到加工模块是说有问题,我尝试了一下录制的代码,确实有BUG,调试了一下,找到了一种方法,做以下笔记,防止忘记。最近感觉学的内容有点多,不知怎么回事总是记忆不清。二......
  • WPS二次开发系列:打印流程大突破!Android 如何一步获取WPS内文档
    前言当前市面上几乎所有的打印软件都支持WPS/微信/QQ/钉钉的文档进行打印,但是其实现方案均为需要引导用户进入对应的app选择分享或发送到打印app进行打印,其根本原因在于打印app无法直接获取到WPS/微信/QQ/钉钉等应用内的文档列表,且由于现有的android11之后的文件架构,更是无法......
  • WPS二次开发系列:如何对打开文档路径FileUri授权
    1.什么是FileProvider若要安全地将应用中的文件提供给其他应用,您需要配置应用,以内容URI的形式提供文件的安全句柄。AndroidFileProvider组件会根据您在XML中指定的内容生成文件的内容URI。这部分知识是AndroidFileProvider通用知识,详细请参考FileProvider2......
  • 封装之打线简介
    https://developer.aliyun.com/article/7403181.Wire bond原理:对金属丝和压焊点同时加热和超声波,接触面便产生塑性变形,并破坏了界面的氧化膜,使其活性化,通过接触面两金属之间的相互扩散,形成金属化合物而完成连接。2.常用线材:金线,Ag合金线,钯铜线,纯铜线。基于0.8mil,20um各种......
  • FFMPEG C++封装(一)(C++ FFMPEG)
    1概述FFMPEG是一个C语言开源视音频编解码库。本文将FFMPG4.1.3进行C++封装,形成C++FFMPG库。2架构架构图如下所示:架构说明:Init初始化FFMPEG库。IStream输入流,FFMPEG的输入音视频文件。Packet音视频数据包Decoder音视频编码器Frame音视频帧FilterGraph音视频......
  • java的封装
    封装概述    java中的封装指的是将一系列有关的事物的共同属性和行为提取出来放到一个类中,隐藏对象的实行和现实细节,仅对外提供公共的访问方式的操作。这样说起来感觉很抽象,也不好理解,这里不妨举一个例子。将配置电脑这个动作看成封装。    这个要怎么理解呢......
  • php:页面链接数据库(封装),其他页面引入方法
    数据库连接get_db_conn.php//创建连接$conn=mysqli_connect($servername,$username,$password,$dbname);<?php//数据库连接参数define('DB_SERVER','localhost');//数据库服务器的地址define('DB_USERNAME','root');//数据库账户define(......