React 项目记录（六）——配置 API 接口文件

最新推荐文章于 2024-07-21 14:55:21 发布

怪力马猴烧酒

最新推荐文章于 2024-07-21 14:55:21 发布

阅读量1.8k

点赞数

分类专栏： React 记录文章标签： node react js

本文链接：https://blog.csdn.net/August_leo/article/details/86569192

版权

本文介绍了如何在React项目中配置API接口文件，包括在tool/api.js中设置接口请求，安装superagent库，并进行成功测试。

摘要由CSDN通过智能技术生成

Step 1：配置 tool/api.js 文件

将接口请求配置文件存放于 tool 文件夹中并命名为 api.js：

var root = '/api/v1'
var request = require('superagent')
function dataType(data) { // 获取数据类型
  return ({}).toString.call(data).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}
function filterNull(o) { // 过滤值为null的请求参数数据
  for (var key in o) {
    if (o[key] === null) {
      delete o[key]
    }
    if (dataType(o[key]) === 'string') {
      o[key] = o[key].trim()
      if (key === 'asset_id') {
        o[key] = +o[key]
      }
      if (o[key].length === 0) {
        delete o[key]
      }
    } else if (dataType(o[key]) === 'object') {
      o[key] = filterNull(o[key])
    } else if (dataType(o[key]) === 'array') {
      o[key] = filterNull(o[key])
    }
  }
  return o
}
function ajaxAgent(method, url, params,