Get test done before...

不過在包成image之前，也是先需要在自己本機電腦上測試完沒問題再包起來比較心安

這邊就順便筆記一下Nuxt 3的東西，因為這案子是外包給外面的接案公司開發的，我們只是接回來deploy到自己的環境，不過行銷單位有其他的小需求，就順手處理了一下

Nuxt 3 doc Ref: https://v3.nuxtjs.org/docs/usage/data-fetching

情境1

需要在facebook上分享的時候可以出現縮圖，這部分涉及到了og:img，所以必須編輯下列路徑的檔案

composables\useMeta.js

Edit useMeta.js

content的部分填上縮圖的網址，然後重新build即可

情境2

因為是包成docker，如果要透過Loader.io去壓測的話，單純直接把Host verification的檔案丟進app service會沒有作用，所以要把verfication的檔案也build進去才行。

Loader.io的verification檔案要放在public資料夾底下，這個在Nuxt 3的官方手冊有提到，只要是公開的都放這裡，如下圖

Create Public folder, place public files here.

上述都弄完的話就記得執行以下指令

yarn install --frozen-lockfile //第一次build才需要(或是資料夾內沒有.nuxt, node_module)
yarn build

如果build的過程都沒有出現錯誤訊息的話就可以執行

yarn start 直接在自己的localhost上跑看看有沒有問題