axios

最新推荐文章于 2023-05-04 14:27:13 发布

原创

最新推荐文章于 2023-05-04 14:27:13 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ajax #前端

在项目开发中，通常会进行axios的二次封装，以便更好地管理和组织API接口。在`src/api`目录下创建`http.js`文件，用于集中处理HTTP请求。通过这种方式，可以提高代码复用性和维护性，同时简化对axios的使用。

anxios的二次分装和API接口管理

在项目开发中，一般会在项目的 src 目录下创建 api 文件夹，在 api 文件夹下创建用来二次封装的文件 http.js 文件

目录结构：

|–node_modules

|–public

|–src

— |—api

— |—http.js

http,js 内容：

import axios from 'axios';
import qs from 'qs';// qs为第三方库

//可以在根目录的 package.json 配置 NODE_ENV 
switch(process.env.NODE_ENV){
   
    
case 'production':
  axios.defaults.baseURL = "生产环境地址";
  break;
case 'test'
  axios.defaults.baseURL ="测试环境地址";
default