我正在开发 react 应用程序，对于 api 调用，我正在使用 axios 库。对于所有 api 调用，我有 app.js 文件，然后当某些组件需要进行 api 调用时，只需从该文件调用函数。简而言之，这将是目前的小结构。在 app.js 文件中，我有多个 api 调用，其中我也在标记令牌授权的标头配置原因。所以我想要一个单独的配置文件，它将具有默认的 api 标头和我用于 api 调用的所有 url。我正在寻找构建代码的最佳方法。
在 React 项目中构建 api 配置文件的最佳方法是什么？
IT技术
reactjs
api
axios
2021-05-18 14:27:59
2个回答
您可以使用一个组件，它包含您的baseURL（API 基本位置）
基本 URL 组件：
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://react-test-b1ae5.firebaseio.com/'
});
export default instance;
另一个保存 API 调用部分的文件：您可以为该组件指定一个所需的名称（例如：axiousURL）
export const ADD_URL = 'AddArticle';
export const DELETE_URL = 'DeleteArticle';
export const UPDATE_URL = 'UpdateArticle';
消费：
import axios from '../../axios-orders';
import * as axiosURLS from '../../axiosURL';
axios.get( axios.baseURL+axiosURLS.DELETE_URL )
.then( response => {
// Some code//
} )
.catch( error => {
// handle error
} );
如果您使用的是redux，我会看看这个 lib redux-api-middleware。
我喜欢使用它，因为它使代码清晰。它不是 use axios，而是用于fetch管理请求。