Nuxt.js项目Docker部署

最近把小程序应用移植到PC端，因为Vue是单页面的应用不利于SEO的优化这点十分尴尬，之前就有了解到Nutx解决了这个问题

遂一边看官方文档动手写了个

目录结构如下

部署成了问题 因为nuxt 是 ssr方式，不能像vue项目指定静态文件根目录

于是便想到了Docker部署

开始干

Dcokerfile

FROM node:10.15.3-alpine
MAINTAINER Charlie
ENV NODE_ENV=production
ENV HOST 0.0.0.0
RUN mkdir -p /xxx
COPY . /xxx
WORKDIR /xxx
EXPOSE 3000
#此为cnpm淘宝镜像
RUN npm config set registry https://registry.npm.taobao.org
RUN npm install
RUN npm run build
CMD ["npm", "start"]

PS：原本用的8.+的node版本经常在run build 时抛错 遂换成10.+版本 问题解决

docker命令复习

$ docker build -t xxx .

$ docker run -dt -p 8080:3000 xxx

OK....

项目已成功跑起来