SpringBoot和Vue2项目配置https协议

news2025/6/21 23:34:41

1、SpringBoot项目

① 去你自己的云申请并下载好相关文件，SpringBoot下载的是Tomcat（默认），Vue2下载的是Nginx

② 将下载的压缩包里面的.pfx后缀文件拷贝到项目的resources目录下

③ 编辑配置文件

（主要是框里面的内容，注意是配置在server下）

然后就是把项目打成jar包，部署到服务器上即可，这里就不过多赘述了

2、Vue2项目

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

进入到你的nginx安装目录下面，我的目录是在（/usr/local/nginx），进入到目录的sbin目录下，输入

# 注意这里是大写的V，小写的只显示版本号 
./nginx -V

如果出现 (configure arguments: --with-http_ssl_module)，则已安装。

一般情况下都是不存在ssl模块的

接下来进入到你的解压缩后的nginx目录，注意这里不是nginx安装目录，是解压缩后的目录，我的是在（/usr/local/nginx-1.14.0），进入目录后，输入

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

接下来执行make,切记不要执行make install，否则会重新安装nginx

make

上述操作执行完成以后，你的目录下会出现objs文件夹，文件夹内存在nginx文件，如图：

② 接下来使用新的nginx文件替换掉之前安装目录sbin下的nginx，注意这里替换的之前可以先将之前的文件备份下，停掉nginx服务

（一定要保证没有nginx进程在运行，先用命令查看是否还有nginx进程在运行,下图则表明还有nginx进程在运行）很重要！很重要！很重要！

ps -ef | grep nginx

然后执行

 ./nginx -s stop

如果还是跟上图一样，无法关闭，可以使用杀死进程方式关闭：（很重要这一步，一定要确保之前的进程都杀掉再往下走，不然怎么配置都没意义！！！）

ps -ef | grep nginx 
kill -9 进程id 


# 真杀不掉，那就用下面这个指令 
pkill -9 nginx

上面没问题之后，往下走（命令的1.14.0是我nginx的版本，实际操作请以你的版本路径为主，不然会报找不到目录）

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

成功之后，进入到nginx安装目录下，查看ssl是否成功

# 注意这里是大写的V，小写的只显示版本号 
./nginx -V 


# 可以看到这里出现了configure arguments: --with-http_ssl_module 证明已经安装成功

③ 配置ssl证书

将下载的证书（这里的证书就是第一点提到的，里面有两个文件，后缀分别为：.key，.pem）解压上传至服务器，（只需pem文件和key文件），我将它放在nginx安装目录下，创建cert文件夹

mkdir cert

④ 修改nginx.conf配置文件（直接Ctrl+A，再CV全部覆盖掉nginx.conf里面的内容即可）

（主要改里面的第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 {
        # 监听端口80
        listen 80;
        # 配置域名 ---改---
        server_name xxx.com;
        # 重定向到HTTPS协议
        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;
          #你的域名，申请证书时填的是什么域名就填什么域名 ---改---
          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 {
         }
      }

}