在 HTML 執行 WASM
若要在 HTML 執行 WASM，會出現 ReferenceError: SharedArrayBuffer is not defined 錯誤，可由 Nginx 送出適當的 header 解決。
タグ : Nginx
Nginx + Express + PostgreSQL as Microservice
If we want to use Microservice architecture, we will build Nginx, Express, PostgreSQL images first, and then use Docker Compose to run Nginx, Express, PostgreSQL at once.
使用 Nginx + Express 實現 Microservice
若要使用 Microservice 架構，則會各自將 Vue 與 Express 包成 Docker Image，然後使用 Docker Compose 一次啟動 Vue 與 Express，此時 Express 會包在 Docker 內部網路，Vue 需使用 Nginx 的 Reverse Proxy 才能連上 Express。
將 Node 包進 Nginx Image
在 Microservice 架構下，理論上 Nginx 與 Node 應該各自放在不同 Container 下，但有時 API 就是要控制 Nginx 或其他執行檔如 FFmpeg，此時將 Node 與 Nginx 包在同一個 Image 會更方便。
使用 Docker 將 Nginx + FFmpeg 打包 Image
Nginx + FFmpeg 雖然能在 Ubuntu 下實現將 RSTP 轉成 HLS，若能包成 Docker Image，則其他電腦也能輕易使用此 Server，或者 Deploy 到 K8S。
使用 Docker Compose 測試含 Sub-Path 的 Vue
實務上 Vue 不見得都放在 Domain 的 Root-path，而是放在 Sub-path，在 Vue CLI、Nginx 與 docker-compose.yml 都必須特別設定。
使用 Docker 將 Nginx + Sub-Path + Vue 打包成 Image
若只將 Vue Deploy 到單一 Domain 則比較單純，但若是 Domain 的 Sub-Path，則 Vue CLI 與 Nginx 都需要加上其他設定。
使用 Docker 將 Nginx + Reverse Proxy + Vue 打包成 Image
實務上會遇到有些 API 並沒有開放 CORS，或希望所有 API 統一由 Web Server 出去，此時可利用 Nginx 提供 Reverse Proxy，並自行擴充 NPM Script，最後只要下 yarn docker 就可一鍵建立 Docker Image。
使用 Docker 將 Nginx + Vue 打包成 Image
Vue CLI 提供 yarn build 將 HTML / CSS / JS 編譯到 dist 目錄下，我們可利用 Nginx 當 Web Server，並自行擴充 NPM Script，最後只要下 yarn docker 就可一鍵建立 Docker Image。
使用 Docker Compose 執行 Cypress
若要在 CI 以 Cypress 測試 Vue，勢必面對 Cypress Dependency 與 Web Server 執行 Vue 問題，我們可透過 docker compose 同時執行 Cypress 與 Nginx 兩個 Container 進行測試。
如何以 Vue + Nginx + Node 實現 Microservice ?
若要使用 Microservice 架構，則會各自將 Vue 與 Node 包成 Docker Image，然後使用 Docker Compose 一次啟動 Vue 與 Node，此時 Node 會包在 Docker 內部網路，Vue 需使用 Nginx 的 Reverse Proxy 才能連上 Node。