[英]Place to initialize Firebase in Nuxt.js app
I'm writing a web app with Nuxt.js
and Firebase
. 我正在使用
Nuxt.js
和Firebase
编写一个Web应用程序。 In which file do I need to initialize the Firebase
? 我需要在哪个文件中初始化
Firebase
? In other words, where to put this code snippet? 换句话说,在哪里放置此代码段?
var config = {
apiKey: "xxxxxxxxxx",
authDomain: "xxxxxxxxx.firebaseapp.com",
databaseURL: "https://xxxxxxxx.firebaseio.com",
projectId: "xxxxxxxxx",
storageBucket: "xxxxxxxxxxx.appspot.com",
messagingSenderId: "xxxxxxxxxx"
};
firebase.initializeApp(config);
Create file firebase.js
in folder plugins
在文件夹
plugins
创建文件firebase.js
import firebase from 'firebase'
import 'firebase/firestore' //if use firestore
if (!firebase.apps.length) {
firebase.initializeApp({
apiKey: "xxx",
authDomain: "xxx,
databaseURL: "xxx",
projectId: "xxx",
storageBucket: "xxx",
messagingSenderId: "xxx"
})
}
firebase.firestore().settings({ timestampsInSnapshots: true })
const db = firebase.firestore()
const storage = firebase.storage() //if use storage
export { storage, db }
In component: 在组件中:
import { db } from '~/plugins/firebase.js'
data() {
return {
users: []
}
},
mounted() {
db.collection("users").get().then((querySnapshot) => {
this.users = querySnapshot.docs.map(doc =>
Object.assign({ id: doc.id }, doc.data())
)
})
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.