Nuxt.js 引用Firebase SDK

Nuxt.js 引用Firebase SDK

Nuxt.js 學習中

最近在看Nuxt.js的文件,覺得比Vue Cli還方便,剛好手上有一個站當初是用Vue Cli的,想來轉用nuxt.js,沒想到在第一步引用Firebase SDK就卡關,後來才發現是在init時少了一個等初始化就緒的判斷。

覺得下次再要用Firebase時又會忘記,就筆記這篇以供之後查找。


1 新增firebase.js

先安裝firebase:

npm install --save firebase

在 plugins/ 的資料夾下新增firebase.js檔,檔案內容就是引用Firebase SDK:

其中最重要的就是這行:

if(!firebase.apps.length) { …… }

一開始就是少了判斷,在dev的時候一直報錯。


2 更新nuxt.config.js

在nuxt.config.js的plugins裡加入:

plugins: [
  '~/plugins/firebase'
]

3 各頁面引用

page/**.vue 中的頁面要用Firebase,import就可以了:


Summary
Nuxt.js 引用Firebase SDK
Article Name
Nuxt.js 引用Firebase SDK
Description
本篇大綱:Nuxt.js 學習中。1 新增firebase.js。2 更新nuxt.config.js。3 各頁面引用。最近在看Nuxt.js的文件,剛好手上有一個站當初是用Vue Cli的,想來轉用nuxt.js,沒想到在第一步引用Firebase SDK就卡關。
Augustus
Let's Write
Let's Write
Publisher Logo

2
留言

avatar
  訂閱  
最新 最舊
通知
Willie
Willie

想請教一下,知道如何在nuxt.js 中加入 firebase 的cdn 嗎?
https://firebase.google.com/docs/web/setup#delay-sdks-cdn
我找了很久都找不到。。。