• docker部署nuxt3项目
  • 部署脚本
• docker-compose部署nuxt3项目

docker部署nuxt3项目

git clone 代码到本地

如果nuxt项目开启了SSR服务端渲染不能直接使用 nuxt 命令，而应该先进行编译构建，然后再启动 Nuxt 服务。

推荐的 package.json 配置如下：

{
  ...
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start"
  }
  ...
}

部署脚本

cd codePath
npm i
npm run build

cat > Dockerfile << EOF
FROM node:16.20-alpine

WORKDIR /app

COPY . .

CMD ["npm","run", "build"]
CMD ["npm","run", "start"]
EOF

docker build -t nuxtpc:v1 .
docker run -d -p 3022:3000 -v /root/jiuyu-vue-pc/:/app --name jiuyu-inner nuxtpc:v1

docker-compose部署nuxt3项目

下面是使用现有的镜像来部署（比如nuxtImage） docker-compose.yml

version: "3"
 
services:
  nuxt-1:
    image: nuxtImage
    ports:
      - "3000:3000"
  nuxt-2:
    image: nuxtImage
    ports:
      - "3001:3000"
  nuxt-3:
    image: nuxtImage
    ports:
      - "3002:3000"
  nuxt-4:
    image: nuxtImage
    ports:
      - "3003:3000"

如果需要更改镜像名称（比如要改成nuxt），可以使用下面的命令

sed -i 's/nuxtImage/nuxt/' docker-compose.yml