SpringBoot和Vue2项目部署https协议

作者:Keysqiu
创建时间:2025-11-30 18:19:01 最后一次修改时间:2025-12-05 16:09:38
Categories: Tags:

一、SpringBoot项目

1、去你自己的云申请并下载好相关文件,SpringBoot下载的是Tomcat(默认),Vue2下载的是Nginx

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

3、编辑配置文件

主要是框里面的内容,注意是配置在server下****​

二、Vue2项目

进入到你的nginx安装目录下面,我的目录是在(/usr/local/nginx),进入到目录的sbin目录下,输入

cd /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文件,如图:

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

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

ps -ef | grep nginx


然后执行 ./nginx -s stop
如果还是跟上图一样,无法关闭,可以使用杀死进程方式关闭:(很重要这一步,一定要确保之前的进程都杀掉再往下走,不然怎么配置都没意义!!!)

ps -ef | grep nginx
kill -9 进程id
# 真杀不掉,那就用下面这个指令
pkill -9 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   证明已经安装成功

2、配置ssl证书

将下载的证书解压上传至服务器,(只需pem文件和key文件),我将它放在nginx安装目录下,创建cert文件夹

mkdir cert

3、修改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 www.keysqiu.online;
        # 重定向到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  keysqiu.online;
    
           #上传的证书 ------
          ssl_certificate      ../cert/keysqiu.online.pem;
          ssl_certificate_key  ../cert/keysqiu.online.key;
    
          ssl_session_cache    shared:SSL:1m;
          ssl_session_timeout  5m;
    
          ssl_ciphers  HIGH:!aNULL:!MD5;
          ssl_prefer_server_ciphers  on;
          #------
           location / {        
            	root /home/server/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 {
         }
      }
}

4、重启nginx

./nginx -s reload

然后就可以通过https访问你的网站了,如果能够正常访问则说明配置成功,完结撒花,嘻嘻~~~