在webpack vue项目中添加firebase配置变量的位置

时间:2018-05-02 15:16:39

标签: firebase webpack vue.js firebase-authentication

在我的Vue webpack项目上实施Firebase身份验证。 Google tells me to add我的index.html文件的配置。

如果您执行此操作并转到视图页面源,则会将api密钥公开给公开。我很困惑为什么谷歌会建议这个。

我应该在哪里定位配置变量,以确保安全。 Somebody said认为main.js在制作中并不是一个好主意。

我应该在Vue网站上的哪个位置执行以下操作。

var config = {
   apiKey: "<API_KEY>",
   authDomain: "<PROJECT_ID>.firebaseapp.com",
   databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
   projectId: "<PROJECT_ID>",
   storageBucket: "<BUCKET>.appspot.com",
   messagingSenderId: "<SENDER_ID>",
};
firebase.initializeApp(config);

1 个答案:

答案 0 :(得分:3)

您只需在App.vue

中执行此操作即可
import Firebase from 'firebase'
let config = {
    apiKey: "...",
    authDomain: "...",
    databaseURL: "...",
    storageBucket: "...",
    messagingSenderId: "..."
  };

let app = Firebase.initializeApp(config)
let db = app.database()
let someDataRef = db.ref('dataset')

enter image description here