引出

---

1.springboot配置Tomcat两个端口，https和http的方式；
2.在https协议下，发送axios请求没反应，暂时用form表单解决；
3.运行jar包template might not exist报错及解决；

springboot配置Tomcat两个端口，https和http的方式

1.生成SSL证书

严格来说https不是一个独立协议，只是在http协议基础上增加了SSL/TLS加密层。所以我们需要先生成SSL证书，这里使用keytool生成jks。

keytool -genkey -alias client -keypass 12345678 -keyalg RSA -keysize 2048 -validity 365 -storetype PKCS12 -keystore ./client.p12 -storepass 12345678

2.配置client.p12和https端口

server:ssl:key-store: classpath:client.p12key-store-password: 12345678key-store-type: PKCS12key-alias: client# https的访问端口port: 8443

3.配置http的8080端口WebServerFactoryCustomizer接口

WebServerFactory接口的几个重要实现：

• TomcatServletWebServerFactory：对应于tomcat

• JettyServletWebServerFactory：对应jetty

• UndertowServletWebServerFactory：对应undertow

• NettyReactiveWebServerFactory：对应netty

Spring Boot默认使用http/1.1协议。所以我们增加额外的自定义https连接器。

package com.shanxi.gis.config;import org.apache.catalina.connector.Connector;
import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory;
import org.springframework.boot.web.server.WebServerFactory;
import org.springframework.boot.web.server.WebServerFactoryCustomizer;
import org.springframework.stereotype.Component;@Component
public class TomcatServerCustomer implements WebServerFactoryCustomizer<TomcatServletWebServerFactory> {@Overridepublic void customize(TomcatServletWebServerFactory factory) {final Connector httpConn = new Connector("HTTP/1.1");httpConn.setPort(8080);factory.addAdditionalTomcatConnectors(httpConn);}
}

4.启动项目

运行项目后可以看到启动了https的8843和http的8080两个端口

项目应用：在某项目中有一个功能需要https协议

Tomcat启动https和http两个端口

TomcatServerCustomer.java文件

package com.shanxi.gis.config;import org.apache.catalina.connector.Connector;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory;
import org.springframework.boot.web.server.WebServerFactory;
import org.springframework.boot.web.server.WebServerFactoryCustomizer;
import org.springframework.stereotype.Component;@Component
public class TomcatServerCustomer implements WebServerFactoryCustomizer<TomcatServletWebServerFactory> {@Value("${ServerHttpPort}")Integer httpHost;@Overridepublic void customize(TomcatServletWebServerFactory factory) {final Connector httpConn = new Connector("HTTP/1.1");httpConn.setPort(httpHost);factory.addAdditionalTomcatConnectors(httpConn);}
}

application.yml配置文件

server:ssl:key-store: classpath:client.p12key-store-password: 12345678key-store-type: PKCS12key-alias: client# https的访问端口port: 8443# 部署服务器的配置
ServerHttpsUrl: https://localhost:8443 # https的url
ServerHttpUrl: http://localhost:8080 # http的url
ServerHttpPort: 8080 # http的端口号
LoginPassword: Admin@1a2 # 登陆的密码spring:mvc:static-path-pattern: /**resources:static-locations: classpath:/static/thymeleaf:prefix: classpath:/templates/check-template-location: truecache: falsesuffix: .html #模板后缀encoding: UTF-8 #编码mode: HTML #模板servlet:content-type: text/html

根据http或者https确定拦截后到哪个页面

LoginAuthorInterceptor.java文件

request.getScheme(); // for example, http, https, or ftp.

package com.shanxi.gis.interceptor;import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.HandlerInterceptor;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;/*** spring的拦截器，* 1.在容器中，@Component* 2.是spring的拦截器 implements HandlerInterceptor*/
@Component
public class LoginAuthorInterceptor implements HandlerInterceptor {@Value("${ServerHttpsUrl}")String httpsUrl;@Value("${ServerHttpUrl}")String httpUrl;@Overridepublic boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {// 如果没有登陆，就去登陆页面，如果登陆了就放行HttpSession session = request.getSession();Object user = session.getAttribute("user");System.out.println(user);if ("admin".equals(user)){return true;}else {// 没有登陆，就去登陆页面String scheme = request.getScheme(); // for example, http, https, or ftp.// 如果是http就去，http的端口if ("http".equals(scheme)){response.sendRedirect(httpUrl+"/user/loginPage");}// 否则就去https的端口response.sendRedirect(httpsUrl+"/user/loginPage");return false;}}
}

后端共享值，前端form表单获取

login.html页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>登陆页面</title><link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css"><script src="/js/jquery-3.5.1.js"></script><script src="/bootstrap/js/bootstrap.js"></script><script src="/js/axios.min.js"></script><script src="/js/vue.min-v2.5.16.js"></script><link rel="stylesheet" href="/css/login.css">
</head><body><div class="login-container" id="app"><h2>欢迎登录</h2>
<!--        "https://localhost:8443/user/login"--><form :action=url method="post"><label for="username">用户名:</label><input type="text" id="username" v-model="username" placeholder="请输入用户名" required name="username"><label for="password">密码:</label><input type="password" id="password" v-model="password" placeholder="请输入密码" required name="password"><input type="submit" value="登录" @click="loginBtn" class="btn btn-primary btn-block"></form></div><script>let app = new Vue({el:"#app",data:{username:"",password:"",url:"[[${httpsUrl}]]",},methods:{},created(){},})
</script>
</body>
</html>

后端共享值+跳转loginController.java

    @Value("${ServerHttpsUrl}")String httpsUrl;// 1.先到登陆页面@RequestMapping("/loginPage") // /user/loginPagepublic ModelAndView loginPage(){ModelAndView mv = new ModelAndView("user/login");mv.addObject("httpsUrl", httpsUrl + "/user/login");return mv;}

配置文件设置url

server:ssl:key-store: classpath:client.p12key-store-password: 12345678key-store-type: PKCS12key-alias: client# https的访问端口port: 8443# 部署服务器的配置
ServerHttpsUrl: https://localhost:8443 # https的url
ServerHttpUrl: http://localhost:8080 # http的url
ServerHttpPort: 8080 # http的端口号
LoginPassword: Admin@1a2 # 登陆的密码spring:mvc:static-path-pattern: /**resources:static-locations: classpath:/static/thymeleaf:prefix: classpath:/templates/check-template-location: truecache: falsesuffix: .html #模板后缀encoding: UTF-8 #编码mode: HTML #模板servlet:content-type: text/html

问题：在https协议下，发送axios请求没反应

问题如下：

解决方案一：用form表单

后端，用户名和密码正确后，重定向到index.html页面

// form表单下重定向到indexPage页面
response.sendRedirect(httpsUrl+“/user/indexPage”);

package com.shanxi.gis.controller;import com.shanxi.gis.entity.ResData;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.util.Objects;@Controller
@RequestMapping("/user")
@CrossOrigin // 允许跨域
public class LoginController {@Value("${ServerHttpsUrl}")String httpsUrl;@Value("${LoginPassword}")String loginPassword;// 1.先到登陆页面@RequestMapping("/loginPage") // /user/loginPagepublic ModelAndView loginPage(){ModelAndView mv = new ModelAndView("user/login");mv.addObject("httpsUrl", httpsUrl + "/user/login");return mv;}// 2.处理前端的axios请求@AutowiredHttpSession session; // TODO:保存用户名到session@RequestMapping("/login")@ResponseBodypublic ResData login(String username,String password, HttpServletResponse response) throws IOException {System.out.println(username +"//"+ password);if (Objects.equals(username, "") || username==null ||Objects.equals(password, "") || password==null){return new ResData(1001, "必填项为空", null);}if (!"admin".equals(username) || !loginPassword.equals(password)){return new ResData(1002, "用户名|密码错误", null);}session.setAttribute("user",username); // TODO:set进session// form表单下重定向到indexPage页面response.sendRedirect(httpsUrl+"/user/indexPage");return new ResData(200, "ok", null);}// 3.登陆成功到index页面@RequestMapping("/indexPage")public String loginIndex(){return "gis/index";}
}

前端发送form表单

<form :action=url method=“post”>

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>登陆页面</title><link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css"><script src="/js/jquery-3.5.1.js"></script><script src="/bootstrap/js/bootstrap.js"></script><script src="/js/axios.min.js"></script><script src="/js/vue.min-v2.5.16.js"></script><link rel="stylesheet" href="/css/login.css">
</head><body><div class="login-container" id="app"><h2>欢迎登录</h2>
<!--        "https://localhost:8443/user/login"--><form :action=url method="post"><label for="username">用户名:</label><input type="text" id="username" v-model="username" placeholder="请输入用户名" required name="username"><label for="password">密码:</label><input type="password" id="password" v-model="password" placeholder="请输入密码" required name="password"><input type="submit" value="登录" @click="loginBtn" class="btn btn-primary btn-block"></form></div><script>let app = new Vue({el:"#app",data:{username:"",password:"",url:"[[${httpsUrl}]]",},methods:{loginBtn(){console.log("send----")let params = new URLSearchParams();params.append("username",this.username)params.append("password",this.password)// axios.post("/user/login",params)axios.post("/user/login",params).then(response=>{console.log("axios")if (response.data.code==200){// alert("登陆成功")location.href= "/user/indexPage"}else {alert(response.data.msg)}})}},created(){},})</script></body>
</html>

项目的打包部署

1.template might not exist or might not be accessible by any of the configured Template Resolvers

错误描述：

在idea中进行测试，所有功能都可以实现，尝试打包成jar包后运行，进入首页后没有显示用户信息页面，报500异常，后台显示Error resolving template [/user/info], template might not exist or might not be accessible by any of the configured Template Resolvers

报错信息：

2023-07-08 10:16:11.298 ERROR 28396 — [p-nio-80-exec-1] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.thymeleaf.exceptions.TemplateInputException: Error resolving template [/user/info], template might not exist or might not be accessible by any of the configured Template Resolvers] with root cause

org.thymeleaf.exceptions.TemplateInputException: Error resolving template [/user/info], template might not exist or might not be accessible by any of the configured Template Resolvers

解决方案一：

@RequestMapping("/infoPage")
public String infoPage(){return "/user/info";
}

跳转页面去掉第一个反斜杠，改为如下

    @RequestMapping("/infoPage")public String infoPage(){return "user/info";}

thymeleaf + Spring Boot 在开发环境正常，但用jar运行时报错 Error resolving template template might not exist or might not be accessible;

就可以了

解决方案二：

spring.thymeleaf.cache=false
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html

改成

spring.thymeleaf.cache=false
spring.thymeleaf.prefix=classpath:/templates
spring.thymeleaf.suffix=.html

## spring相关的配置
spring:# 连接数据库datasource:type: com.alibaba.druid.pool.DruidDataSourcedriver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://127.0.0.1:3306/javaweb?useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=trueusername: rootpassword: 123## 设置上传文件大小servlet:multipart:max-file-size: 10MB # 设置单个文件最大大小为10MB# 另一种解决方案thymeleaf:cache: falseprefix: classpath:/templatessuffix: .html

此时所有跳页面的都要加反斜杠