使用 firebase cli 在本地调试 Reactjs 代码

【问题标题】：Locally debugging a Reactjs code using firebase cli使用 firebase cli 在本地调试 Reactjs 代码
【发布时间】：2019-06-23 11:30:53
【问题描述】：

我正在尝试调试一个使用 Firebase 功能的 React 应用，而不必为生产而构建它

我使用了 create-react-app。在应用程序内部，我正在从 Firebase 函数中读取一些数据。

当我使用“yarn start”进行调试时，我无法执行 Firebase 函数，而当我使用“firebase serve”时，我需要指定一个文件夹“/Build”，所以我必须将其构建为生产环境，这使得调试变得困难。

有没有办法使用 firebase serve 调试非“生产就绪”版本的代码？

【问题讨论】：

标签： reactjs firebase debugging

【解决方案1】：

我最终使用了 Axios“包装器”。在生产的情况下，我返回常规的 Axios。在开发的情况下，我返回一个带有我的函数端点的 baseURL 的 Axios 实例

import Axios from 'axios';
let instance
if (process.env.NODE_ENV === 'production') {
    instance = Axios;
} else {
    console.log(Axios);
    instance = Axios.create({
        baseURL: 'https://us-central1-blalba-1234.cloudfunctions.net',
        timeout: 2000
    });
}
export default instance;

像这样使用它：

import Axios from 'AxiosWrapper';

Axios.get('/api/1234').then(response => {
    console.log(response);
})

【讨论】：