ngnix 入门 二,docker启动nginx, 安装ssl 证书,使用配置文件,映射后端服务 ,提供给前端项目访问

搭建生产环境真不是人做的事,特别是对于一知半解的人。仅以此文献给各位技术人

说一下背景:项目前后端分离,前端 vue3 、小程序端 ,后端 go 提供服务。
微信小程序需要使用 https 请求。 这就必须让我们想到nginx 了

想要达到的目的: 针对特定端口 请求 只能用https , 并且支持部署vue 项目

省略 docker、nginx 的安装步骤
如要参考,请看 nginx 入门

开始正文, 安装ssl 证书,让请求变成 https

关于ssl 证书,可以去阿里云申请。

1、新建配置文件

这一步很重要, 重点关注 root 这里的路径必须是容器内的路径。
在这里插入图片描述
其他内容请直接照搬下面的内容。改也只改域名和公钥证书和私钥证书

关于 , server_name ,需要列明要代理的地址,否则映射不上,不会去访问后端服务的

server_name xxx.top www.xxx.top;

d

user  nginx;
worker_processes  auto;

error_log  /var/log/nginx/error.log notice;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    client_max_body_size 200m; # 文件大小无限制
    include /etc/nginx/conf.d/*.conf;
   
    server {
        listen 80;
        server_name xxx.top www.xxx.top;

         location / {
            root /usr/share/nginx/html;
            index index.html index.htm;
        }
    }

    server {
    	listen 443 ssl;
    	server_name xxx.top www.xxx.top;

        ssl_certificate /etc/nginx/ssl/证书公钥;
        ssl_certificate_key /etc/nginx/ssl/证书私钥 ;

        location /api/ {
           proxy_pass http://xxx.top:9009;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
           proxy_set_header X-Forwarded-Proto $scheme;
    	}
    }	
}

2、启动nginx 容器

docker run --name nginx-container -p 80:80 -p 443:443 \
  -v /opt/nginx/ssl/证书公钥:/etc/nginx/ssl/证书公钥 \
  -v /opt/nginx/ssl/证书私钥:/etc/nginx/ssl/证书私钥 \
  -v /opt/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \
  -v /opt/nginx/log:/var/log/nginx \
  -v /opt/nginx/html:/usr/share/nginx/html \
  nginx

3 访问成功

接口请求成功
在这里插入图片描述

访问页面成功:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

羱滒

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

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

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

打赏作者

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

抵扣说明:

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

余额充值