码迷,mamicode.com
首页 > 编程语言 > 详细

spring boot 与 vue 配置 https

时间:2020-03-31 23:11:39      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:sha   webpack   sources   工具   port   eem   password   img   http   

一、系统环境

  • win10

二、spring boot 配置 https

1、keytool生成证书
  • 打开cmd,使用keytool生成证书,keytool是jdk中的一个证书管理工具,可以生成自签名证书
keytool -genkey -alias tomcat -keyalg RSA -keystore server.keystore

技术图片

  • 生成了对应的文件,如下:
    技术图片
2、参数配置
  • 将证书copy至项目中
    技术图片
  • 配置application.yml
server:
  port: 8324
  http: 
    port: 8325
  ssl:
    key-store: ./src/main/resources/server.keystore
    key-alias: tomcat
    enabled: true
    key-store-password: P@ssw0rd
    key-store-type: JKS
参数详解
  • server.http.port指http的端口
  • server.port指的是https的端口
  • key-store指证书路径
  • key-store-password指第一步中输入的秘钥库口令

3、验证
  • 此刻启动项目,输入https://127.0.0.1:8324/xxx验证,如下:
    技术图片
4、配置http访问
  • 新建TomcatConfig配置文件,读取配置文件中http的端口配置http访问
    技术图片
import org.apache.catalina.connector.Connector;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.context.embedded.ConfigurableEmbeddedServletContainer;
import org.springframework.boot.context.embedded.EmbeddedServletContainerCustomizer;
import org.springframework.boot.context.embedded.tomcat.TomcatEmbeddedServletContainerFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

@Configuration
public class TomcatConfig {
	
	@Value("${server.http.port}")
	private int httpPort;
	
	@Bean
	public EmbeddedServletContainerCustomizer embeddedServletContainerCustomizer() {
		return new EmbeddedServletContainerCustomizer() {
			@Override
			public void customize(ConfigurableEmbeddedServletContainer container) {
				if (container instanceof TomcatEmbeddedServletContainerFactory) {
	                TomcatEmbeddedServletContainerFactory containerFactory =
	                        (TomcatEmbeddedServletContainerFactory) container;
	                Connector connector = new Connector(TomcatEmbeddedServletContainerFactory.DEFAULT_PROTOCOL);
	                connector.setPort(httpPort);
	                containerFactory.addAdditionalTomcatConnectors(connector);
	            }
				
			}
		};
	}
}
  • 启动项目验证http
    技术图片

三、VUE配置https

  • bulid/webpack.dev.conf.js文件下配置derServer.httpstrue
    技术图片
  • 访问https://localhost:端口,如下:
    技术图片
注:以上配置均为本地调试

spring boot 与 vue 配置 https

标签:sha   webpack   sources   工具   port   eem   password   img   http   

原文地址:https://www.cnblogs.com/maggieq8324/p/12608980.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!