docker部署node+vue项目

第一步安装docker
然后安装linux内核
docker部署node+vue项目_第1张图片
磁盘出现这玩意 然后重启docker
然后配置 镜像 下载 安装的源
docker部署node+vue项目_第2张图片
docker部署node+vue项目_第3张图片

环境准备就绪之后 安装一个vue-cli项目
打包会生成一个dist 文件夹

在dist文件夹 同目录级别 创建 Dockerfile文件

docker部署node+vue项目_第4张图片
如图所示
docker部署node+vue项目_第5张图片
然后执行 docker build -t name . 创建打包镜像 name指 名字
在这里插入图片描述
docker run -p ip:端口:80 -d 镜像id ip默认是127.0.0.1
nginx的文件夹 下面的 default.conf
docker部署node+vue项目_第6张图片
然后 nginx 启动完成

代理配置 必须指定 ipconfig 的 ip4 网络 地址
指定ip 的时候 也需要 这个 才能 在容器启动的时候 抛出来 与 nginx 打通

node 的 打包配置 expose 3000 默认 但服务器启动一般会有一个端口
比如 node 启动 有 5001 那镜像内部 会有一个 127.0.0.1:5001 启动
npm run start 需要配置 在 json 里面
在这里插入图片描述
docker run -p 172.20.24…1:5001:5001 172.20.24.1是对外的ip 地址 127.0.0.1是对内的别名

在这里插入图片描述
配置代理 也需要 指定对外的ip
docker部署node+vue项目_第7张图片
制作镜像 启动镜像 变成容器 抛出外外的指定端口 使用代理 解决跨域

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