Nginx配置80端口下的后端端口 nginx 80 443

Docker配置Nginx

uwsgi配置,以下实验共用同一个uwsgi,只做微调

准备:服务器ssl证书,前端后端都要有证书,这是https协议需要

证书可以单独放一个目录中,也可以放到配置文件目录下/etc/nginx/ssl

# 这是为http协议
前端的settings.js请求文件内容为:http://www.testname.top:8080
后端的prod.py文件中 CORS_ORIGIN_WHITELIST为:http://www.testname.top
# 这是为https协议
前端的settings.js请求文件内容为:https://www.testname.top:8080
后端的prod.py文件中 CORS_ORIGIN_WHITELIST为:https://www.testname.top

[uwsgi]
#使用nginx连接时使用，Django程序所在服务器地址
socket=0.0.0.0:8000
#直接做web服务器使用，Django程序所在服务器地址
#http=0.0.0.0:8000
#项目目录
chdir=/home/moluo/luffycity
#项目中wsgi.py文件的目录，相对于项目目录
wsgi-file=luffycity/wsgi.py
# 进程数
processes=4
# 线程数
threads=2
# uwsgi服务器的角色
master=True
# 存放进程编号的文件
pidfile=uwsgi.pid
# 日志文件，因为uwsgi可以脱离终端在后台运行，日志看不见。我们以前的runserver是依赖终端的
daemonize=uwsgi.log
# 指定依赖的虚拟环境
virtualenv=/home/moluo/.virtualenv/luffycity

luffy项目(双容器http)

配置前端项目

Nginx配置80端口,也就是http协议,配置前后端项目

前端静态页面请求
# 创建nginx容器，并以80端口对外提供服务
# /usr/share/nginx/html 是nginx在安装时，系统默认分配的项目根目录
docker run -itd -p 80:80 -v /opt/luffy/luffycity/dist:/usr/share/nginx/html nginx
# 执行上面的命令，理论上来说，就可以让前端项目，可以用阿里云的IP地址访问到了。
# 接下来我们进入到nginx的操作系统中，通过这个系统了解前端项目怎么运行的。

# 如果要进入nginx容器查看对应的内容，可以使用以下命令；
docker container exec -it [容器ID] bash

"""
/etc/nginx              # nginx容器中nginx的配置目录
/usr/share/nginx/html   # nginx容器中www目录
"""

创建nginx容器, 映射nginx端口-p和路径-v

docker run -d -p 80:80 --name=cli_nginx -v /opt/luffy/luffycity/dist:/usr/share/nginx/html nginx

查看docke

docker ps -a
# 进入docker 
docker exec -it cli_nginx(容器id) bash
# 下载vim
apt-get update
apt-get install -y vim

配置Nginx配置文件

vim /etc/nginx/conf.d/default.conf

# 修改 server_name 对应的域名或ip
server{
  listen   80;
  server_name  www.testname.top;
  ''''
  location / {
       root  /usr/share/nginx/html;
       index index.html index.htm;
       try_files $uri $uri/ /index.html;    #这句,解决其他非根页面的404的问题
   }
}

重启nginx

# 查看配置是否成功
nginx -t
# 平滑重启
nginx -s reload

配置后端项目

创建nginx容器, 映射nginx端口-p和路径-v

docker run -d -p 8080:80 --name=ser_nginx -v /opt/luffy/luffyserver/static/:/usr/share/nginx/static nginx

查看docke

docker ps -a
# 进入docker 
docker exec -it ser_nginx(容器id) bash
# 下载vim
apt-get update
apt-get install -y vim

配置Nginx配置文件

vim /etc/nginx/conf.d/default.conf

# 如果有多台服务器，可以在此处继续添加服务器地址
# 负载均衡池
upstream luffy {
    server 127.0.0.1:8000; 
  # server 127.0.0.1:8000  # 可以多服务器,有权重等
}

#gzip  on;
server {
    listen  80;
    server_name api.testname.top;
    ''''
    location / {
         include uwsgi_params;
         uwsgi_pass luffy;
        # proxy_pass http:// luffy # 这样是反向代理的
	}
    # 后端数据请求,当有static文件请求时,转接到这里
    location /static {  
    	root   /usr/share/nginx/;   # 路径不用到下面的同名的文件
    	index  index.html index.htm;
    	try_files $uri $uri /index.html;
    }

}

重启nginx

# 查看配置是否成功
nginx -t
# 平滑重启
nginx -s reload

luffy项目(单容器http)

配置前后端项目

创建nginx容器, 映射nginx端口-p和路径-v

docker run -d -p 80:80 -p 8080:80 --name=luffy_nginx -v /opt/luffy/luffycity/dist:/usr/share/nginx/html -v /opt/luffy/luffyserver/static/:/usr/share/nginx/static nginx

查看docke

docker ps -a
# 进入docker 
docker exec -it luffy_nginx(容器id) bash
# 下载vim
apt-get update
apt-get install -y vim

配置Nginx配置文件

vim /etc/nginx/conf.d/default.conf

看到只是把文件内容放在同一个配置文件中,这是多虚拟主机,server为一体,server_name区分

upstream luffy {
    server 127.0.0.1:8000; 
  # server 127.0.0.1:8000  # 可以多服务器,有权重等
}
server{
  listen   80;
  server_name  www.testname.top;
  ''''
  location / {
       root  /usr/share/nginx/html;
       index index.html index.htm;
       try_files $uri $uri/ /index.html;    #这句,解决其他非根页面的404的问题
   }
}
server {
    listen  80;
    server_name api.testname.top;
    ''''
    location / {
         include uwsgi_params;
         uwsgi_pass luffy;
        # proxy_pass http:// luffy # 这样是反向代理的
	}
    # 后端数据请求,当有static文件请求时,转接到这里
    location /static {  
    	root   /usr/share/nginx/;   # 路径不用到下面的同名的文件
    	index  index.html index.htm;
    	try_files $uri $uri /index.html;
    }

}

重启nginx

# 查看配置是否成功
nginx -t
# 平滑重启
nginx -s reload

luffy项目(双容器https)

配置前端项目

创建nginx容器, 映射nginx端口-p和路径-v

docker run -d -p 80:80 -p 443:443 --name=cli_nginx -v /opt/luffy/luffycity/dist:/usr/share/nginx/html nginx

查看docke

docker ps -a
# 进入docker 
docker exec -it cli_nginx(容器id) bash
# 下载vim
apt-get update
apt-get install -y vim

配置Nginx配置文件

vim /etc/nginx/conf.d/default.conf

# 前端的https配置
server {
listen 443 ssl;
server_name www.testname.top;  
#ssl on; 
ssl_certificate  /etc/nginx/ssl/cli/1_www.testname.top_bundle.crt; # 这是我们要填的证书
ssl_certificate_key /etc/nginx/ssl/cli/2_www.testname.top.key;    # 这是我们要填的证书
ssl_session_timeout 5m; 
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on; 
location / { 
    root /usr/share/nginx/html;
    index index.html index.htm;
	try_files $uri $uri/ /index.html;
	}
}

server {  # 如果为http请求进来,则重定向到https
    listen       80;
    server_name  www.testname.top;
    rewrite ^(.*)$ https://$host$1 permanent;  # 如果为http请求进来,则重定向到https
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;
    
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }   
    
}

重启nginx

# 查看配置是否成功
nginx -t
# 平滑重启
nginx -s reload

配置后端项目

创建nginx容器, 映射nginx端口-p和路径-v

# 可以加多映射端口 -p 8080:80 ,预防后台管理人员请求时用http,可以重定向回https,预防报错,重定向看上面
docker run -d  -p 8080:443 --name=ser_nginx -v /opt/luffy/luffyserver/static/:/usr/share/nginx/static -v /opt/luffy/ssl/:/etc/nginx/ssl nginx

查看docke

docker ps -a
# 进入docker 
docker exec -it ser_nginx(容器id) bash
# 下载vim
apt-get update
apt-get install -y vim

配置Nginx配置文件

vim /etc/nginx/conf.d/default.conf

# 后端 负载均衡池								  
upstream luffy {
    server 127.0.0.1:8000;

}
server {
    listen      443 ssl;
    server_name  api.testname.top;
    ssl_certificate /etc/nginx/ssl/api/1_api.testname.top_bundle.crt;# 这是我们要填的证书
    ssl_certificate_key /etc/nginx/ssl/api/2_api.testname.top.key;   # 这是我们要填的证书
    ssl_session_timeout 5m; 
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on; 
    location / { 
        include uwsgi_params;
        uwsgi_pass luffy;
        # proxy_pass http:// luffy # 这样是反向代理的
    }   
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location /static { # 后端的动态文件
        root   /usr/share/nginx/;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }    
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }   

}

重启nginx

# 查看配置是否成功
nginx -t
# 平滑重启
nginx -s reload

luffy项目(单容器https)

创建nginx容器, 映射nginx端口-p和路径-v

# 可以加多映射端口 -p *:80 (*代表所有端口,都可以访问),预防后台管理人员请求时用http,可以重定向回https,预防报错,重定向看上面
docker run -d -p 443:443 -p 8080:443 -p 80:80 --name=luffycity -v /opt/luffy/luffyclient/dist/:/usr/share/nginx/html -v /opt/luffy/luffyserver/luffyserver/static/:/usr/share/nginx/static -v /opt/luffy/ssl/:/etc/nginx/ssl nginx

查看docke

docker ps -a
# 进入docker 
docker exec -it luffycity(容器id) bash
# 下载vim
apt-get update
apt-get install -y vim

配置Nginx配置文件

看到只是把文件内容放在同一个配置文件中,这是多虚拟主机,server为一体,server_name区分

vim /etc/nginx/conf.d/default.conf

# 负载均衡池
upstream luffy {
    server 127.0.0.1:8000;

}
server {
listen 443 ssl;
server_name www.testname.top;
#ssl on; 
ssl_certificate  /etc/nginx/ssl/cli/1_www.testname.top_bundle.crt; # 这是我们要填的证书
ssl_certificate_key /etc/nginx/ssl/cli/2_www.testname.top.key;     # 这是我们要填的证书
ssl_session_timeout 5m; 
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on; 
location / { 
    root /usr/share/nginx/html;
    index index.html index.htm;
	try_files $uri $uri/ /index.html;
	}
}

server {
    listen       80;
    server_name  www.testname.top;
    rewrite ^(.*)$ https://$host$1 permanent;
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;
    
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }   
    
}
					  
server {
    listen      443 ssl;
    server_name  api.testname.top;
    ssl_certificate /etc/nginx/ssl/api/1_api.testname.top_bundle.crt; # 这是我们要填的证书
    ssl_certificate_key /etc/nginx/ssl/api/2_api.testname.top.key;    # 这是我们要填的证书
    ssl_session_timeout 5m; 
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on; 
    location / { 
        include uwsgi_params;
        uwsgi_pass luffy;
    }   
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location /static {
        root   /usr/share/nginx/;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }    
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }   

}

重启nginx

# 查看配置是否成功
nginx -t
# 平滑重启
nginx -s reload