docker通过nginx部署公司官网支持https访问

docker通过nginx部署公司官网

一、准备静态页面

这里不做过多解释,公司官网本次演示采用静态html模版。

二、上传网站到服务器

这里采用scp命令上传

scp -P 6022 -r home root@121.5.223.16:/root/706 

文件上传后,我们在服务器中创建Dockerfile文件。
这里我们配置的nginx成ssl,支持https协议。

FROM nginx
MAINTAINER wanghongjie
COPY home/  /usr/share/nginx/html/
COPY nginx.conf /etc/nginx/nginx.conf
COPY cert/ /etc/nginx/conf.d/
RUN echo 'echo init ok!!'

说明:

FROM nginx 获取nginx镜像

MAINTAINER wanghongjie 制作镜像作者

COPY home/ /usr/share/nginx/html/ 复制home文件夹下文件到nginx/html 目录下

COPY cert/ /etc/nginx/conf.d/ 复制 https 证书到nginx/conf.d/ 目录下。记录该目录地址。

RUN echo 'echo init ok!!'输出镜像制作完成。

在Dockerfile同级目录下,新建 nginx.conf 文件
文件内容如下:


worker_processes auto;

user root; 


events {
    worker_connections  1024;
}
 
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;

    keepalive_timeout  65;
 
 
    client_max_body_size   20m;
    server {
    listen 443 ssl;
    server_name www.706xinli.com 706xinli.com;  # 自己的域名
    # 注意文件位置,是从/etc/nginx/下开始算起的
    ssl_certificate conf.d/1_706xinli.com_bundle.crt;
    ssl_certificate_key conf.d/2_706xinli.com.key;
    ssl_session_timeout 5m;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
    ssl_prefer_server_ciphers on;

    client_max_body_size 1024m;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
        }
     
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
	location /about {
        root   /usr/share/nginx/html;
        index  about.html index.htm;
        try_files $uri $uri/ /about.html;
        } 
}
server {
    listen 80; # 监听80端口
    server_name www.706xinli.com 706xinli.com;  # 自己的域名
    #把http的域名请求转成https
    return 301 https://$host$request_uri; 
}
 
}

具体配置内容暂时不做过多解释,需要注意下user root;这里用户配置的是root用户。另外该配置采用强制https协议,如访问80端口,则强制转发到443端口。

三、docker镜像制作

执行以下命令:

docker build -t 706_home:V1.0.3 .

其中 706_home:V1.0.3分别为镜像名称和版本号。

Sending build context to Docker daemon  6.913MB
Step 1/6 : FROM nginx
 ---> d1a364dc548d
Step 2/6 : MAINTAINER wanghongjie
 ---> Using cache
 ---> a62c4a7861b1
Step 3/6 : COPY home/  /usr/share/nginx/html/
 ---> Using cache
 ---> 91663b8fc82f
Step 4/6 : COPY nginx.conf /etc/nginx/nginx.conf
 ---> 25abcc31cf3a
Step 5/6 : COPY cert/ /etc/nginx/conf.d/
 ---> c5c5fde4492a
Step 6/6 : RUN echo 'echo init ok!!'
 ---> Running in cc234ad04b1a
echo init ok!!
Removing intermediate container cc234ad04b1a
 ---> c7d44a14f287
Successfully built c7d44a14f287
Successfully tagged 706_home:V1.0.3

输出以上信息则镜像打包完成。

四、运行

docker run -p 443:443 -d --name 706home c7d44a14f287

这里的c7d44a14f287 为打包镜像时产生的镜像ID.

更多内容请查看 Julywhj的博客期待您的光顾。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
当使用Docker部署Nginx访问Vue项目时,可以按照以下步骤进行操作: 1. 首先,确保已经安装了DockerDocker Compose。这两个工具可以帮助我们管理和运行容器。 2. 创建一个新的文件夹,用于存放相关的配置文件和代码。 3. 在该文件夹下创建一个名为`Dockerfile`的文件,并添加以下内容: ``` # 使用官方的Nginx镜像作为基础镜像 FROM nginx # 删除默认的Nginx配置文件 RUN rm /etc/nginx/conf.d/default.conf # 将自定义的Nginx配置文件复制到容器中 COPY nginx.conf /etc/nginx/conf.d # 将Vue项目的静态文件复制到Nginx的默认网站目录 COPY dist /usr/share/nginx/html # 暴露80端口,允许外部访问 EXPOSE 80 ``` 4. 在同一文件夹下创建一个名为`nginx.conf`的文件,并添加以下内容: ``` server { listen 80; server_name localhost; location / { root /usr/share/nginx/html; index index.html; try_files $uri $uri/ /index.html; } } ``` 这个配置文件将Nginx监听80端口,并将所有请求转发到Vue项目的静态文件。 5. 将Vue项目的打包文件(通常在`dist`目录下)复制到同一文件夹下。 6. 打开终端,进入到该文件夹,并执行以下命令来构建和运行Docker容器: ``` docker build -t my-nginx . docker run -d -p 80:80 my-nginx ``` 第一条命令将根据`Dockerfile`构建一个名为`my-nginx`的镜像。第二条命令将在后台运行该镜像,并将容器的80端口映射到主机的80端口。 现在,您可以通过访问`http://localhost`来查看部署的Vue项目。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Julywhj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值