前言

這邊在練習Nuxt 3時想要運行在Docker 上,所以就找到這篇文章
將 Nuxt3 發布至 docker 中,Dockerfile 看這裡就對了
實際測試可以成功,所以記錄一下過程

Dockerfile

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# 使用 node 長期支援版
FROM node:lts-alpine

# 設定工作目錄
WORKDIR /app

# 複製 package.json 和 package-lock.json 至工作目錄
COPY package*.json ./

# 依照指定版本安裝依賴
RUN npm ci

# 複製所有
COPY . .

# 建立生產版本
RUN npm run build

# 暴露的連接埠
EXPOSE 3000

# 啟動應用程式
CMD ["node", ".output/server/index.mjs"]

打包

1
docker build -t my-nuxt-app .

image

啟動

1
docker run -d --name nuxt-app -p 3000:3000 my-nuxt-app

image

image

結果成功執行