axios的简单二次封装及使用

最新推荐文章于 2025-07-01 09:20:21 发布

夏已微凉、

最新推荐文章于 2025-07-01 09:20:21 发布

阅读量1.3k

点赞数 7

CC 4.0 BY-SA版权

分类专栏： # Vue 文章标签： axios的简单二次封装及使用

本文链接：https://blog.csdn.net/qq_36025814/article/details/124891573

一、前言
二、操作
三、他山之石

一、前言

这里是对接口请求进行简单的二次封装，要更全面的处理接口数据，可以使用：vue 引入store_Vue 全局数据管理

二、操作

1、安装 axios

npm install axios

2、文件目录结构

在这里插入图片描述

3、request.js 接口请求统一处理

import axios from "axios";

const request = axios.create({
   
   
    baseURL: 'http://***.api.com',
	timeout: 30 * 1000, //请求超时时间：30秒
	withCredentials: false // 表示跨域请求时是否需要使用凭证
});

// 请求拦截器
request.interceptors.request.use(
	config => {
   
    //配置信息处理
		return config;
	},
	error => {