关于springBoot+vue项目中配置SSL证书问题

前端可以通过https进行访问

1.前端在访问后端接口时,使用https进行访问,在request.js配置文件中,这个文件是配置axios的基本请求的,在基础请求地址中改为https方式

2.需要在Linux中的nginx中配置ssl证书,具体请参考:

https://blog.csdn.net/m0_44980168/article/details/144326572?fromshare=blogdetail\&sharetype=blogdetail\&sharerId=144326572\&sharerefer=PC\&sharesource=m0_44980168\&sharefrom=from_link

3.这时候,还需要配置springBoot后端的ssl证书

(1)因为我使用的是腾讯云,需要上腾讯云下载证书,证书格式是tomcat

下载完成后会得到两个文件,文件夹内容:cloud.tencent.com.pfx 证书文件、keystorePass.txt 密码文件(若已设置私钥密码,则无 keystorePass.txt 密码文件)

(2)进入springBoot项目,将.pfx文件拷贝到Spring Boot 项目的 src/main/resources 目录下

(3)编辑 Spring Boot 项目的 application.properties 或application.yml 文件。并根据实际需求从以下方式中选择一种进行操作:

修改 application.yml 文件,添加如下内容:

ssl的默认端是443,我这里使用8081

xml 复制代码
#  配置服务端口,配置ssl证书,支持https请求
server:
  port: 8081 // 后端项目端口
  ssl:
    key-store: classpath:ailibrary.fun.pfx //resource下的证书文件
    key - store - password: vm1zrt4qhk //证书密码,在下载的证书文件中有
    key-store-type: PKCS12 // 固定写法
    key - alias: ailibrary.fun //密钥别名。在 SSL 证书控制台 下载的,别名为证书的绑定域名。如: cloud.tencent.com。

(4)上传jar包,启动 Spring Boot 服务。

相关推荐
军军君012 分钟前
数字孪生监控大屏实战模板:空气污染监控
前端·javascript·vue.js·typescript·前端框架·echarts·数字孪生
练习前端两年半10 分钟前
Vue3 KeepAlive 深度揭秘:组件缓存的魔法是如何实现的?
前端·vue.js·面试
Devin~Y1 小时前
大厂Java面试实战:Spring Boot/WebFlux、Redis+Kafka、K8s可观测性与Spring AI RAG/Agent三轮连环问
java·spring boot·redis·kafka·kubernetes·resilience4j·spring webflux
悟空码字2 小时前
别再重复造轮子了!SpringBoot对接第三方系统模板,拿来即用
java·spring boot·后端
SuperEugene2 小时前
Vue3 配置驱动弹窗:JSON配置弹窗内容/按钮,避免重复开发弹窗|配置驱动开发实战篇
前端·javascript·vue.js·前端框架·json
indexsunny2 小时前
互联网大厂Java求职面试实战:Spring Boot与微服务架构解析
java·spring boot·redis·kafka·spring security·flyway·microservices
小贵子的博客2 小时前
基于Vue3 和 Ant Design Vue实现Modal弹窗拖拽组件
前端·javascript·vue.js
小李子呢02112 小时前
前端八股---MVVM
前端·javascript·vue.js
我叫张土豆2 小时前
让 AI 学会用工具:基于 LangChain4j 的 Skills Agent 全栈落地实战
人工智能·spring boot
我登哥MVP2 小时前
【SpringMVC笔记】 - 2 - @RequestMapping
java·spring boot·spring·servlet·tomcat·intellij-idea·springmvc