Advertisement

在React项目中对API请求进行处理和打包(使用axios)

阅读量:

前言

当前在开发React项目时集成并封装了axios接口,在这里记录一下我的实践心得以便于新手更好地理解和应用这些知识

准备工作

为了执行请求必须调用axios库,并且必须确保已成功安装并配置好了该库以满足后续的需求;查阅相关的安装说明文档。

在这里插入图片描述

如果没有,请先安装axios

复制代码
    npm install axios

开始封装axios

为了方便起见,在src目录下配置axios组件。其中我们将创建两个核心配置文件:config.js和request.js

config.js

这个文件我们用来进行基础配置,区分开发环境:

  1. 明确说明开发环境和生产环境的概念
  2. 通过process.env来判断当前处于开发状态还是生产状态
  3. 最后配置一下超时机制
复制代码
    const devBaseUrl = 'http://api.k780.com/'
    const proBaseUrl = 'http:xxx//xxxx.xx.com'
    
    export const BA

全部评论 (0)

还没有任何评论哟~