快捷導(dǎo)航

SpringBoot和Vue2項(xiàng)目配置https協(xié)議過程

更新時(shí)間：2024年10月10日 08:46:24 作者：我是懶洋洋大王

本文詳細(xì)介紹了SpringBoot項(xiàng)目和Vue2項(xiàng)目的部署流程及SSL證書配置,對于SpringBoot項(xiàng)目,需將.pfx文件放入resources目錄并配置server,然后打包部署,Vue2項(xiàng)目中,涉及檢查nginx的SSL模塊、編譯新的nginx文件

1、SpringBoot項(xiàng)目

① 去你自己的云申請并下載好相關(guān)文件，SpringBoot下載的是Tomcat（默認(rèn)），Vue2下載的是Nginx

② 將下載的壓縮包里面的.pfx后綴文件拷貝到項(xiàng)目的resources目錄下

③ 編輯配置文件

（主要是框里面的內(nèi)容，注意是配置在server下）

然后就是把項(xiàng)目打成jar包，部署到服務(wù)器上即可，這里就不過多贅述了

2、Vue2項(xiàng)目

① 查看nginx是否安裝了with-http_ssl_module

進(jìn)入到你的nginx安裝目錄下面，我的目錄是在（/usr/local/nginx），進(jìn)入到目錄的sbin目錄下，輸入

# 注意這里是大寫的V，小寫的只顯示版本號 
./nginx -V

如果出現(xiàn) (configure arguments: --with-http_ssl_module)，則已安裝。

一般情況下都是不存在ssl模塊的

接下來進(jìn)入到你的解壓縮后的nginx目錄，注意這里不是nginx安裝目錄，是解壓縮后的目錄，我的是在（/usr/local/nginx-1.14.0），進(jìn)入目錄后，輸入

./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module

接下來執(zhí)行make,切記不要執(zhí)行make install，否則會重新安裝nginx

make

上述操作執(zhí)行完成以后，你的目錄下會出現(xiàn)objs文件夾，文件夾內(nèi)存在nginx文件，如圖：

② 接下來使用新的nginx文件替換掉之前安裝目錄sbin下的nginx，注意這里替換的之前可以先將之前的文件備份下，停掉nginx服務(wù)

（一定要保證沒有nginx進(jìn)程在運(yùn)行，先用命令查看是否還有nginx進(jìn)程在運(yùn)行,下圖則表明還有nginx進(jìn)程在運(yùn)行）很重要！很重要！很重要！

ps -ef | grep nginx

然后執(zhí)行

 ./nginx -s stop

如果還是跟上圖一樣，無法關(guān)閉，可以使用殺死進(jìn)程方式關(guān)閉：（很重要這一步，一定要確保之前的進(jìn)程都?xì)⒌粼偻伦撸蝗辉趺磁渲枚紱]意義?。。。?/p>

ps -ef | grep nginx 
kill -9 進(jìn)程id 


# 真殺不掉，那就用下面這個(gè)指令 
pkill -9 nginx

上面沒問題之后，往下走（命令的1.14.0是我nginx的版本，實(shí)際操作請以你的版本路徑為主，不然會報(bào)找不到目錄）

#替換之前的nginx 
cp /usr/local/nginx-1.14.0/objs/nginx /usr/local/nginx/sbin

成功之后，進(jìn)入到nginx安裝目錄下，查看ssl是否成功

# 注意這里是大寫的V，小寫的只顯示版本號 
./nginx -V 


# 可以看到這里出現(xiàn)了configure arguments: --with-http_ssl_module 證明已經(jīng)安裝成功

③ 配置ssl證書

將下載的證書（這里的證書就是第一點(diǎn)提到的，里面有兩個(gè)文件，后綴分別為：.key，.pem）解壓上傳至服務(wù)器，（只需pem文件和key文件），我將它放在nginx安裝目錄下，創(chuàng)建cert文件夾

mkdir cert

④ 修改nginx.conf配置文件（直接Ctrl+A，再CV全部覆蓋掉nginx.conf里面的內(nèi)容即可）

（主要改里面的第23、45、48、49、58行）

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    server {
        # 監(jiān)聽端口80
        listen 80;
        # 配置域名 ---改---
        server_name xxx.com;
        # 重定向到HTTPS協(xié)議
        rewrite ^(.*)$ https://$host$1 permanent;
    }

    #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  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

 server {
          listen       443 ssl;
          #你的域名，申請證書時(shí)填的是什么域名就填什么域名 ---改---
          server_name  xxx.com;
    
           #上傳的證書 ---改---
          ssl_certificate      ../cert/xxx.pem;
          ssl_certificate_key  ../cert/xxx.key;
    
          ssl_session_cache    shared:SSL:1m;
          ssl_session_timeout  5m;
    
          ssl_ciphers  HIGH:!aNULL:!MD5;
          ssl_prefer_server_ciphers  on;

          #---改---
           location / {
                # 你前端頁面的路徑        
                root xxx/dist;
                index index.html index.htm;
                try_files $uri $uri/ /index.html;
            }
                
         error_page 404 /404.html;
           location = /404.html {
         }
        
         error_page 500 502 503 504 /50x.html;
           location = /50x.html {
         }
      }

}

⑤ 重啟nginx