Reactjs 将axios与firebase一起使用时，是否必须从npm安装firebase？

我在我的项目中设置了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吗

我感觉你把实时数据库REST API和Firestore API搞混了

根据您问题中的图片，您正在使用Firestore

对于Firestore，“所有REST API端点都存在于基本URL下”，请参阅文档

---

另一方面，如详细所述，实时DB REST API端点有一个基本URL，如。。。。这与您问题中的URL相似。

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

根据您问题中的图片，您正在使用Firestore

对于Firestore，“所有REST API端点都存在于基本URL下”，请参阅文档

---

另一方面，如详细所述，实时DB REST API端点有一个基本URL，如。。。。这与您问题中的URL类似。

是的，您必须使用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
变量配置={
阿皮奇：，
authDomain:“”，
数据库URL:“”，
投射：“，
storageBucket:“”，
messagingSenderId:“
};
firebase.initializeApp（配置）；

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

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

这里是您可以找到所有详细信息的链接

---

它将帮助您。

是的，您必须使用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
变量配置={
阿皮奇：，
authDomain:“”，
数据库URL:“”，
投射：“，
storageBucket:“”，
messagingSenderId:“
};
firebase.initializeApp（配置）；

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

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

这里是您可以找到所有详细信息的链接

它会帮助你的