Vue3 + Ts 配置axios_代码007(未授权)

本文介绍: axios vue3+ts 配置 axios vue3 vue3ts

1 在vue src 目录下创建一个名为axios的文件夹(名字无所谓，没有特定称谓) 如果怕和axios 包名字干扰，那就再改个名叫a x iosInt e r face

2 在a x ios 这个目录下创建一个 axiosInt e r face.ts 文件夹这个文件夹要初始化一个 axios 实例化对象

3 在axios 目录下再创建一个request 文件夹，在request 文件夹中创建一个index.ts 文件去写接口

import axios, {AxiosInstance, AxiosRequestConfig, AxiosResponse,} from 'axios';

export const axiosInstance = axios.create({
    baseURL: "http://127.0.0.1:5173",
    timeout: 5000,
});

// axios实例拦截响应
axiosInstance.interceptors.response.use(
    (response: AxiosResponse) =&gt; {
        return response;
    },
    // 请求失败
    (error: any) =&gt; {
        return error;
    }
);

// axios实例拦截请求
axiosInstance.interceptors.request.use(
    (config: AxiosRequestConfig) =&gt; {
        return config;
    },
    (error:any) =&gt; {
        return Promise.reject(error);
    }
)

import {axiosInstance} from "../axiosInterface";


export const getLoginData = () =&gt;{ return axiosInstance.get("/mockjs/loginData");}

    import {getLoginData} from "../../axios/mockAPI";

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

axios ts 文件夹

一下载 axios

发表回复取消回复

一 下载axios

相关文章

发表回复 取消回复

一下载 axios

发表回复取消回复