首页 > 解决方案 > Vue - 当它是 main.js 的一部分时如何提交 firebase 配置数据?

问题描述

我正在为 Vue 应用程序使用 firebase,它的使用方式如下:

var firebaseConfig = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "",
    appId: "",
    measurementId: "
 };

显然,这些字段已在我的应用程序中填写,但我不想将其提交给我的 github 存储库。处理这个问题的最佳方法是什么?

标签: vue.jsgithub

解决方案


处理这种情况的最佳方法是使用env 文件

该文件将在本地和您的生产构建中使用,但在您上传到 Github 时将被忽略(确保将其添加到.gitignore文件中)。

此外,重要的是要知道,专门针对 Firebase 的配置,数据位于客户端上,您很难阻止他人访问它。

根据这个 SO question,这不是问题,配置中的 API 密钥和其他数据不会构成安全威胁。在您的 Firebase 产品(存储、数据库)中创建限制性规则非常重要。


推荐阅读