spring boot 与 vue 配置 https

一、系统环境

  • 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: classpath: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:端口,如下:
    在这里插入图片描述
注:以上配置均为本地调试
posted @ 2020-03-31 22:04  Maggieq8324  阅读(2247)  评论(0编辑  收藏  举报