Nuxt部署到Docker

项目结构
Nuxt部署到Docker_第1张图片

  1. Dockerfile文件
#1、基于镜像node版本
FROM node:16.14.0
#2、作者
MAINTAINER wangxin
#3、参数,node的环境为生产环境
ENV NODE_ENV=production
#4、任意ip
ENV HOST 0.0.0.0
#5、容器内创建目录/hello
RUN mkdir -p /hello
#6、复制当前的内容到容器内容部目录/hello
COPY . /hello
#7、切换工作目录到/hello
WORKDIR /hello
#8、暴露端口3000,默认端口
EXPOSE 3000
#9、清除缓存
RUN npm cache clean --force
#10、安装依赖
RUN npm install --no-package-lock --registry=https://registry.npm.taobao.org
#11、构建,生成dist文件
RUN npm run build
#12、start
CMD ["npm","start"]
  1. docker-compose.yml文件
version: "3"
services:
  node:
    build: .
    ports:
      - "3000:3000"
  1. build镜像
# 构建
docker-compose build

Nuxt部署到Docker_第2张图片
4. 运行
可以先运行docker-compose up检测运行是否有问题,如果没有问题那么可以先用Ctrl+C停止容器,再用下面的命令让它后台运行
在这里插入图片描述

# 后台运行
docker-compose up -d

-d:后台运行
在这里插入图片描述

你可能感兴趣的:(Docker,docker,npm,node.js,vue)