docker+nginx+https+react/vue..究极缝合两种方法

一、introduction

一个docker image、用于部署前端、使用nginx、配置https、访问80直接跳转回443、适用于使用了react router或vue-router

二、preparation

• docker
• cert
• react/vue/… project

三、step

方法一、使用nginx基础image

1、找到你的cert，然后创建nginx.conf用于修改nginx配置

user  root;
worker_processes  1;


events {
   
    worker_connections  1024;
}


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

    sendfile        on;
    keepalive_timeout  65;
	
	#http server
    server {
   
        listen       80;
        server_name  www.whatsit.top;
		
		#转回https
        return 301 https://$server_name$request_uri;
    }


    #HTTPS server
    server {
   
        listen       443 ssl;
        server_name  www.whatsit.top;

		#你的cert
        ssl_certificate      whatsit.crt;
        ssl_certificate_key  whatsit.rsa;

        ssl_