Nuxt 项目部署

Nuxt 项目部署

感谢SegmentFault starkwang的文章

第一次部署Nuxt，网上找资料好久，有一部分帖子说只需要复制本地文件的.nuxt,static,package.json,nuxt.config.js这四个文件夹放到服务器目录文件下。这是错误的，应该上传这四个文件加自己所有修改过的文件夹，否则编译成功后修改过的资源不存在，显示默认资源。
我上传的项目目录为：（标红线的是我有修改或者新建的文件，都需要上传）

部署步骤：

1、新建DockerFile文件

FROM node:14.16.0
MAINTAINER zch
ENV NODE_ENV=production
ENV HOST 0.0.0.0
RUN mkdir -p /app
COPY . /app
WORKDIR /app
EXPOSE 3000
#如果在中国环境下构建请把下面注释打开
RUN npm config set registry https://registry.npm.taobao.org
RUN npm install
RUN npm run build
CMD ["npm", "start"]

2、将DockerFile文件与所有需要上传的文件传到同一目录

3、进入该目录执行命令

构建镜像

docker build -t replace .

构建镜像过程需要花费30分钟左右，大部分时间花在npm install上。
构建过程中没有产生错误，如果产生错误就是node版本问题，修改DockerFile文件中node版本。

启动容器

docker run -d --restart=always --name replace -p 3000:3000 replace 

启动成功