docker前端项目(Docker部署Nuxt.js项目的实现)
docker前端项目
Docker部署Nuxt.js项目的实现Docker官方文档: https://docs.docker.com/
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。
使用 docker 部署 nuxt.js 项目
1、构建 node 镜像
FROM node:alpine
为啥使用 alpine 版本?
相比于其他 Docker 镜像,它的容量非常小,仅仅只有 5 MB 左右(对比 Ubuntu 系列镜像接近 200 MB),且拥有非常友好的包管理机制。官方镜像来自 docker-alpine 项目。 目前 Docker 官方已开始推荐使用 Alpine 替代之前的 Ubuntu 做为基础镜像环境。这样会带来多个好处。包括镜像下载速度加快,镜像安全性提高,主机之间的切换更方便,占用更少磁盘空间等。
2、设置项目保存目录
RUN mkdir -p /app/src
3、复制项目代码到镜像
COPY ./src /app/src
4、指定命令执行的目录
WORKDIR /app/src
5、设置 host
ENV HOST 0.0.0.0
6、执行项目安装及编译
RUN npm install RUN npm run build RUN npm cache clean --force
7、设置外部访问端口
EXPOSE 3000
8、执行 nuxt 项目运行命令
CMD ["npm", "start"]
完整的 Dockerfile 文件
FROM node:alpine RUN mkdir -p /app/src COPY ./src /app/src WORKDIR /app/src ENV HOST "0.0.0.0" RUN sed -i "s/dl-cdn.alpinelinux.org/${ALPINE_REPOSITORIES}/g" /etc/apk/repositories RUN apk add --no-cache make gcc g++ python RUN npm install RUN npm run build RUN npm cache clean --force RUN apk del make gcc g++ python EXPOSE 3000 CMD ["npm", "start"]
当在项目中使用 sass 或者 scss 时,需依赖 python 环境,所以需要安装 python,当然在编译相关资源后,可以删除相应的依赖以减小镜像体积。
运行 Docker
1、构建镜像
docker build -t nuxt-demo
2、启动容器
docker run -dt -p 3000:3000 nuxt-demo
3、访问
打开浏览器,访问 127.0.0.1:3000
1、可以用 Docker Compose 对容器进行编排,快速的部署多容器应用。
2、可以用 nginx 对容器进行代理,避免直接以端口的形式访问容器。
到此这篇关于Docker部署Nuxt.js项目的实现的文章就介绍到这了,更多相关Docker部署Nuxt.js内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
- docker可以快速的创建和删除(Docker 命令自动补全的实现)
- docker远程部署(Docker内网穿透frp部署实现过程解析)
- docker如何解绑容器(如何进入、退出docker的container实现)
- 怎么用docker中的mysql连接数据库(解决Docker之mysql容器数据库更改不生效的问题)
- docker compose的常用命令(安装docker和docker-compose实例详解)
- 数据库安装到docker(基于docker安装mariadb配置过程解析)
- docker的postgres镜像包(Docker中运行PostgreSQL并推荐几款连接工具)
- docker启动k8s(k3d入门指南之在Docker中运行K3s的详细教程)
- jenkins和docker自动化(Jenkins+Docker持续集成的实现)
- docker容器根据进程号查看端口(Docker 通过端口来连接一个容器的实现)
- docker运行tomcat服务(使用 docker部署tomcat并接入skywalking的使用)
- docker构建本地镜像(Docker创建本地镜像实现方法解析)
- docker镜像查看分层(Docker 镜像优化从1.16GB到22.4MB)
- centosdocker安装教程(centos下docker安装及springboot远程发布docker的方法)
- dockergitlab自动化教程(docker+gitlab+jenkins从零搭建自动化部署)
- docker-compose项目部署(使用Docker Compose部快速署ELK亲测有效)
- 高考数学题(高考数学题基础题占多少分)
- 没钱只能吃土(没钱要吃土了幽默短信发朋友圈)
- 今年考高会很难吗(今年高考会考试吗)
- 盘古开天地 他创造了世界,谁创造了盘古 盘古是伏羲吗(盘古开天地他创造了世界)
- 关于队徽 你了解这些么 二(关于队徽你了解这些么)
- 冬天来了手脚冰凉 真不是因为上辈子你是折翼的天使(冬天来了手脚冰凉)
热门推荐
- mysql如何删除外键约束数据(MySQL中外键的创建、约束以及删除)
- shell多台机器配置文件比对(如何使用shell在多服务器上批量操作)
- php运算符与操作符(php中的buffer缓冲区用法分析)
- drools动态执行规则(使用swoole 定时器变更超时未支付订单状态的解决方案)
- python实现sql脚本规范(基于Python的SQL Server数据库实现对象同步轻量级)
- 织梦后台参数怎么设置才符合seo(详解织梦模板自定义表单限制IP24小时只能提交一次教程)
- jQuery中height()、innerheight()、outerheight()的区别
- dedecms更新后支付宝接口提示错误ILLEGAL_EXTERFACE的解决方法(dedecms更新后支付宝接口提示错误ILLEGAL_EXTERFACE的解决方法)
- canvas图片显示报错(html2canvas生成的图片偏移不完整的解决方法)
- vue双向数据绑定js如何实现(纯JS如何实现vue.js下的双向绑定功能)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9