关于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 服务。

相关推荐
tb_first12 分钟前
LangChain4j简单入门
java·spring boot·langchain4j
Byron070736 分钟前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
Byron07072 小时前
从 0 到 1 搭建 Vue 前端工程化体系:提效、提质、降本实战落地
前端·javascript·vue.js
zhengfei6112 小时前
【AI平台】- 基于大模型的知识库与知识图谱智能体开发平台
vue.js·语言模型·langchain·知识图谱·多分类
徐小夕@趣谈前端2 小时前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
董世昌413 小时前
深度解析浅拷贝与深拷贝:底层逻辑、实现方式及实战避坑
前端·javascript·vue.js
扶苏10023 小时前
vue使用event.dataTransfer实现A容器数据拖拽复制到到B容器
前端·vue.js·chrome
David凉宸3 小时前
Vue 3 项目的性能优化策略:从原理到实践
前端·vue.js·性能优化
计算机学姐4 小时前
基于SpringBoot的民宿预定管理系统【三角色+个性化推荐算法+数据可视化统计】
java·vue.js·spring boot·mysql·信息可视化·intellij-idea·推荐算法
计算机程序设计小李同学5 小时前
基于 Spring Boot + Vue 的龙虾专营店管理系统的设计与实现
java·spring boot·后端·spring·vue