[nuxtJS]nuxtJS 的 Dockerfile

前言

又多了一個新的套件要做，這次用的是nuxt.js ，只知道是vue.js延伸出來的東西…
然後，上吧。

正文

因 nuxt.js ，跟go有點像都會自己啟動一個伺服器的服務，
走的是SSR（Server-Side Rendering），
不是卡牌遊戲的SSR阿。
SSR的意思是，頁面由後端渲染，HTML由後端產生（據說是要讓速度比較快）
ref.02. 講歷史，話說 SSR…

因為nuxt.js會自己建立一個js，
所以有踩到一個坑，
在設定 nuxt.config.js的時候，
請確認好port 以及 是不是開了https 。
建議先查一下 nuxt.config.js 的內容屬性，再來打包及佈署。

ref. 16. Nuxt 全域設定檔 (nuxt.config.js)，可以吃嗎？

這是第一個版本，使用npm編譯。

FROM node:11.13.0
COPY . /usr/src/nuxt-app/

RUN npm install
RUN npm run build:qa

EXPOSE 80

ENV NUXT_HOST=0.0.0.0
ENV NUXT_PORT=80

CMD [ "npm", "start" ]

第二個版本，改使用yarn安裝，這邊要注意，node版本，請抓最新的，不然編譯的時候會出現python錯誤。

  FROM node:16.3.0-alpine
  WORKDIR /usr/src/app

  COPY . .
  RUN yarn install && yarn cache clean
  RUN yarn build
  CMD [ "yarn", "start" ]

這邊只寫 yarn build ，是因為在設定nuxt的時候，有寫 build:qa 跟 build。
因為是最後測試完的成果了，就改用yarn build ，做結束。

ref.
使用 yarn install 指令安裝套件時鎖定 yarn.lock 版本
docker-hub node