[网络协议]nginx https配置

前两天终于把服务器nginx服务器弄好，在此记录一下nginx https配置。

我这项目是vue+springboot，项目都放在一台服务器上。80端口访问vue项目，9000端口是后台接口服务。

1. 证书申请

申请域名的时候，国内的平台应该都会送你一个证书的资格的，我这次是在腾讯云买的域名，他们也赠送了资格，就直接用他们的了。如果没有的话，可以??戳这里?，申请免费证书。

2. nginx配置

我的nginx版本是??nginx version: nginx/1.20.1

默认配置在/etc/nginx/nginx.conf?

https配置在这一块

 # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

把上面注释放开,把证书文件上传到服务器，然后替换上面代码中的相应位置。然后root指向你的vue项目路径。具体的代码如下

server {
         listen       443 ssl;
         server_name  xx.com www.xx.com;
         #ssl证书地址
         ssl_certificate     /etc/nginx/ssl/1_bundle.crt;  # pem文件的路径
         ssl_certificate_key  /etc/nginx/ssl/2.com.key; # key文件的路径

            # ssl验证相关配置
            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;   #使用服务器端的首选算法

            #请求头
            add_header Strict‐Transport‐Security max‐age=63072000;
            add_header X-Frame-Options SAMEORIGIN;
            add_header Content-Security-Policy "default-src 'self' http: https: data: blob: 'unsafe-inline'" always;
            add_header X-Content-Type-Options nosniff; add_header X-XSS-Protection "1; mode=block";
            add_header Strict-Transport-Security "max-age=31536000; includeSubdomains;";
            add_header Set-Cookie "HttpOnly";
            add_header Set-Cookie "Secure";

            # vue项目访问配置,默认访问./nginx/html/index.html
            location / {
                root   html;
                index  index.html index.htm;
                # vue刷新页面配置，访问对应路由下的index页面
                try_files $uri $uri/ /index.html;
            }
            # 后台接口服务,通过/api路由，来确认是请求接口，在此做转发，转发给接口服务
            location /api/ {
                //转发请求
                proxy_redirect off;
                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_pass http://127.0.0.1:9000/;

            }
        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }

配置完成后，重启nginx服务。

前端请求路径即为 www.xx.com

后端接口请求路径即为??www.xx.com/api/xxx/select?

等同于?www.xx.com:9000/xxx/select

3. http重定向到https

 server {
        listen       80;
        listen       [::]:80;
        rewrite ^(.*) https://$server_name$1 permanent;
    }

配置完成后，即可实现http到https的重定向

至此，服务器配置到此即完成。