用码头运行nuxt3

Question

我使用以下命令构建我的Nuxt3应用程序，该命令生成文件夹.output中的所有内容

npm run build

这是我用来构建坞文件的DockerFile：

FROM node:17-alpine3.14

ADD .output /webapp/.output

EXPOSE 3000

WORKDIR /webapp/.output

ENTRYPOINT ["node", "/webapp/.output/server/index.mjs"]

docker-compose.yml看起来是这样的：

version: '3.3'

services:
  app-web:
    build: .
    ports:
      - 3000:3000

所有操作都没有任何错误，但我希望通过输入address http://localhost:3000来看到应用程序，但什么也没有发生。

任何帮助都是非常感谢的。

Answer 1

我的方法：

码头工人组成(为发展)

version: '3'
services:

  web-app:
    image: node:17-alpine
    container_name: web-app
    command: [sh, -c, "npm i && npm run dev"]
    ports:
      - "3000:3000"
    working_dir: '/webapp'
    tty: true
    volumes:
      - './:/webapp/'
    environment:
      HOST: 0.0.0.0
      PORT: 3000

码头工人(生产)

FROM node:17-alpine

ENV HOST='0.0.0.0'
ENV PORT='3000'

WORKDIR /webapp

COPY ./ /webapp

RUN npm install
RUN npm run build

EXPOSE 3000

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

Answer 2

以下是工作版本：

FROM node:17-alpine3.14

ADD .output /webapp/.output

EXPOSE 3000

WORKDIR /webapp/.output

ENV NUXT_HOST=0.0.0.0
ENV NUXT_PORT=3000

CMD ["node", "/webapp/.output/server/index.mjs"]

Answer 3

这是我们用来运行nuxt3设置的Dockerfile！

# see https://docs.docker.com/engine/reference/builder/#understand-how-arg-and-from-interact
ARG NODE_VERSION=node:16.14.2

FROM $NODE_VERSION AS dependency-base

# create destination directory
RUN mkdir -p /app
WORKDIR /app

# copy the app, note .dockerignore
COPY package.json .
COPY package-lock.json .
RUN npm ci

FROM dependency-base AS production-base

# build will also take care of building
# if necessary
COPY . .
RUN npm run build

FROM $NODE_VERSION-slim AS production

COPY --from=production-base /app/.output /app/.output

# Service hostname
ENV NUXT_HOST=0.0.0.0

# Service version
ARG NUXT_APP_VERSION
ENV NUXT_APP_VERSION=${NUXT_APP_VERSION}

# Run in production mode
ENV NODE_ENV=production

# start the app
CMD [ "node", "/app/.output/server/index.mjs" ]

您可以在这里找到一个例子：https://github.com/sidestream-tech/sidebase/blob/main/Dockerfile