[JavaScript知识库]2021-07-26

本地配置 ssl 实现 https 请求

开发环境：Spring Boot + Vue + IDEA 2020.3

1、生成证书

Spring Boot 配置 ssl 实现 Https 请求

windows+r打开命令行提示符，输入

keytool.exe -genkey -alias tomcat -storetype PKCS12 -keyalg RSA -keysize 2048 -keystore E:/demo.p12 -validity 3650

keytool.exe 为是tomcat自带的https证书生成工具
-alias 表示证书的别名，一个keystore文件中可以存放多个alias
-keyalg RSA 表示密钥算法的名称为RSA算法
-validity 3650 表示证书有效日期，3650是10年，你也可以改为365为1年
-keysize 生成文件大小
-keystore E:/demo.p12 生成证书文件存储地址

2、后端修改

后端将生成的证书文件demo.p12放在自己项目的根目录下，然后修改ruoyi-admin/src/main/resources目录下的application.yml文件

#开发环境配置
server:
  # 服务器的HTTP端口，默认为8080
  port: 9086
  ssl:
    key-store: demo.p12
    key-alias: tomcat
    key-store-password: 123456
    key-store-type: PKCS12
  #servlet:
    # 应用的访问路径
    #context-path: /
  #tomcat:
    # tomcat的URI编码
    #uri-encoding: UTF-8
    # tomcat最大线程数，默认为200
    #max-threads: 800
    # Tomcat启动初始化的线程数，默认值25
    #min-spare-threads: 30
zhihui:
  ip: https://localhost

3、前端修改

ruoyi-ui 前端项目修改部分：
在vue.config.js文件中的

module.exports - {
	devServer:{
		//...
		https:true,
	}
}

增加https:true
修改proxy中的target为：https://localhost:9086

在终端运行项目： npm run dev ，运行结果如下：

打开浏览器输入 https://localhost:80 ,页面会显示不安全，继续访问即可！