码头工人如何部署Nuxt.js项目

  介绍

这篇文章主要介绍码头工人如何部署Nuxt。js项目,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

码头工人是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的Linux或Windows机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。

使用码头工人部署nuxt。js项目

1,构建节点镜像

得到节点:高山

为啥使用高山版本?

相比于其他码头工人镜像,它的容量非常小,仅仅只有5 MB左右(对比Ubuntu系列镜像接近200 MB),且拥有非常友好的包管理机制。官方镜像来自docker-alpine项目。目前码头工人官方已开始推荐使用高山替代之前的Ubuntu做为基础镜像环境。这样会带来多个好处。包括镜像下载速度加快,镜像安全性提高,主机之间的切换更方便,占用更少磁盘空间等。

2,设置项目保存目录

RUN  mkdir  -p /app/src

3,复制项目代码到镜像

COPY 。/src /app/src

4,指定命令执行的目录

WORKDIR /app/src

5,设置主机

ENV  HOST  0.0.0.0

6,执行项目安装及编译

RUN  npm  install  RUN  npm  RUN  build  RUN  npm  cache  clean ——迫使

7,设置外部访问端口

EXPOSE  3000

8,执行nuxt项目运行命令

CMD  [“npm",,“时)

完整的Dockerfile文件

得到节点:高山      RUN  mkdir  -p /app/src   COPY 。/src /app/src   WORKDIR /app/src      ENV  HOST “0.0.0.0"      RUN  sed 小姐;“年代/dl-cdn.alpinelinux.org/$ {ALPINE_REPOSITORIES}/g"/etc/apk/存储库      RUN  apk  add ——no-cache  make  gcc  g++ python      RUN  npm 安装   RUN  npm  RUN 构建   RUN  npm  cache  clean ——力量      RUN  apk  del  make  gcc  g++ python      EXPOSE  3000   CMD  [“npm",,“时)

当在项目中使用sass或者scss时,需依赖python环境,所以需要安装python,当然在编译相关资源后,可以删除相应的依赖以减小镜像体积。

运行码头工人

1,构建镜像

docker  build  -t  nuxt-demo

2,启动容器

docker  run  -dt  -p  3000:3000  nuxt-demo

3,访问

打开浏览器,访问127.0.0.1:3000

1,可以用码头工人组成对容器进行编排,快速的部署多容器应用。
2,可以用nginx对容器进行代理,避免直接以端口的形式访问容器。

以上是“码头工人如何部署Nuxt.js项目”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

码头工人如何部署Nuxt.js项目