IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Docker容器部署 vue项目 -> 正文阅读

[JavaScript知识库]Docker容器部署 vue项目

1、服务器上安装docker,此步骤省略。

2、docker获取nginx镜像:

docker pull nginx

3、创建 nginx config 配置文件:

在指定目录下创建 default.conf,写入你想要配置的内容(下方只举例部分列子):

  server {
        listen       7001;
        server_name  10.19.23.114;
        location / {
            root   /usr/share/nginx/html/dist;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		location /prod-api/{
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;	
			proxy_pass http://10.19.11.215:7777/;
		}
		location /profile/{
			# 方式一:指向地址
			proxy_pass http://10.19.11.215:7777/;
		}
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

在相同目录下再次创建 nginx.conf,写入和 default.conf 相同的内容。

4、创建 Dockerfile 文件,填写以下内容(注意要删掉注释):

FROM nginx   # 代表下载最新版本nginx

VOLUME /log  # 日志存放路径

RUN rm /etc/nginx/nginx.conf           # 删除原来的nginx配置文件

ADD nginx.conf /etc/nginx/             # 将当前目录下的配置文件复制到原来目录下

RUN rm /etc/nginx/conf.d/default.conf  # 删除原来的nginx默认配置文件

ADD default.conf /etc/nginx/conf.d/    # 将当前目录下的默认配置文件复制到原来目录下

COPY www/ /usr/share/nginx/html/       # 将根目录 www 文件夹下的所有包移动到容器内指定位置

5、首先确保安装了node.js,npm可用,执行容器命令构建docker镜像:

docker build -t yxdc-ima .

注意不要少了最后的“.”(点)

-t是给镜像命名,.(点)是基于当前目录的?Dockerfile?来构建镜像

6、启动容器,本命令是基于多个服务的情况下映射多个端口:

docker run -d -p 7001:7001 -p 7005:7005 -p 7008:7008 --name yxdc-doc yxdc-ima

docker run:基于镜像启动一个容器

-d:后台方式启动

-p 7001:7001: 端口映射,将宿主机的7001端口映射到容器的7001端口

--name:容器名,我起的叫 yxdc-doc

yydc-ima:刚刚构建的要启动的镜像名称

?查看所有启动的容器命令:docker ps -a

7、如果版本更新迭代再次发布就得删除容器重新构建,本人写的以下脚本仅供参考:

#!/bin/bash
cd /root
docker stop yxdc-doc
docker rm yxdc-doc
docker build -t yxdc-ima .
docker run -d -p 7001:7001 -p 7005:7005 -p 7008:7008 --name yxdc-doc yxdc-ima

附上容器的使用命令链接:

docker 常用命令大全_保护我方胖虎的博客-CSDN博客_docker常用命令

docker 中如何查看日志命令

Docker 部署VUE项目 - Memoyu - 博客园

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-07-03 10:40:34  更:2022-07-03 10:42:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 13:45:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码