使用带有firebase的axios，我必须从npm安装firebase吗？答案

【问题标题】：using axios with firebase , do i have to install firebase from npm?使用带有firebase的axios，我必须从npm安装firebase吗？
【发布时间】：2018-08-26 18:15:48
【问题描述】：

我已经在我的项目中设置了 axios，

在我的 src/ 文件夹中创建了一个如下所示的 axios.js 文件：

import axios from 'axios';

const instance = axios.create({
    baseURL : 'https://myprojectname-11651.firebaseio.com/'
});

export default instance;

然后在我使用 axios 的主要组件中，我像这样使用它：

import axios from '../axios.js';

// removing code thats not necessary for this example

componentDidMount() {
        // alert();

        axios.get('/habits/badHabits.json')
            .then( (resp) => {
                console.log(resp);
            })

    }

我的控制台出现 401 错误，firebase 的仪表板似乎从一年前发生了变化，我无法像一年多前那样将 axios 与 firebase 一起使用。

我的数据库是这样的：

我究竟如何将 axios 与 firebase 一起使用？我必须从 npm 安装 firebase 吗？

【问题讨论】：

标签： reactjs firebase axios

【解决方案1】：

我感觉您将实时数据库 REST API 和 Firestore API 混为一谈。

从您问题中的图片来看，您正在使用 Firestore。

对于 Firestore，“所有 REST API 端点都存在于基本 URL https://firestore.googleapis.com/v1beta1/ 下”，请参阅文档 here。

另一方面，如here 所述，实时数据库 REST API 端点有一个基本 URL，如 https://docs-examples.firebaseio.com/rest/.... 与您问题中的 URL 相似。

【讨论】：

【解决方案2】：

是的，您必须使用 npm 在您的项目中安装 firebase。这是使用 Firebase 配置您的应用程序的初始过程。然后你必须添加像

这样的 firebase 凭据

<script>
  // Initialize Firebase
  var config = {
    apiKey: <YOUR_APP_KEY>,
    authDomain: "<YOUR_APP_DOMAIN>",
    databaseURL: "<YOUR_DATABASE_URL>",
    projectId: "<YOUR_PROJECT_ID>",
    storageBucket: "<YOUR_STORAGE_URL>",
    messagingSenderId: "<YOUR_MESSENGER_ID>"
  };
  firebase.initializeApp(config);
</script>

说明：- 你可以在这里找到上面的代码， Firebase 控制台 > 项目设置（这是“项目概述”文本对面的齿轮图标）> 您的应用程序 >（在同一页面上，您将有三种选择将其用于 android、ios、web）> 将 Firebase 添加到您的网络应用程序

现在您已经添加了这些东西，您只需要使用 firebase 函数来访问 firebase 存储、身份验证、数据库。

这里是您可以找到所有详细信息的链接 https://firebase.google.com/docs/web/setup

它会帮助你。

【讨论】：