使用Thymeleaf和Angular在JHipster中进行服务器/客户端路由

Question

背景：我是一名法国开发人员，在团队中开发基于JHipster的众筹平台。

在JHipster中，当访问http://domain.com/unknown时 ，检索到的页面是服务器端错误页面。

我想知道的是： - 百里香叶如何知道它必须返回error.html？ - 参数来自何处以及它们如何，特别是对于变量等

<span th:text="${error}">

- >错误来自哪里（状态和消息相同）？ 某处有某种服务器端控制器吗？

另一个问题是必然结果：为什么jhipster中有2个错误页面，一个客户端和一个服务器？ JHipster适用于SPA，因此不应只有一个客户端页面。 为什么服务器不总是发送回index.html，让客户端测试是否有错误？

最后一个问题也是必然结果：是否有某种方法可以在客户端（角度）路由（app.js文件）中请求动态服务器端（百万美元）模板。 这对于开发丰富的SPA非常有用。

PS：谢谢Julien的工作

Answer 1

我想知道的是： - 百里香叶如何知道它必须返回error.html？

两部分。 首先，Spring配置为使用Thymeleaf用于所有服务器端视图。 在JHipster中，应用程序的注释如下：

@ComponentScan
@EnableAutoConfiguration(exclude = {MetricFilterAutoConfiguration.class, MetricRepositoryAutoConfiguration.class})
public class Application {

@EnableAutoConfiguration是了解Thymeleaf设置方式的关键。 它触发ThymeleafAutoConfiguration，后者创建Thymeleaf视图解析器等。 请注意，JHipster有一个ThymeleafConfiguration类，但这仅用于电子邮件，与您的问题无关。

第二部分... Spring Boot使用“ /错误”作为默认错误视图。 来自文档 ：

Spring Boot默认提供/错误映射，以合理的方式处理所有错误，并在servlet容器中注册为“全局”错误页面。 对于机器客户端，它将生成一个JSON响应，其中包含错误，HTTP状态和异常消息的详细信息。 对于浏览器客户端，有一个“ whitelabel”错误视图以HTML格式呈现相同的数据（要对其进行自定义，只需添加一个解析为“错误”的视图）。

解析错误视图时，Spring将为您正在使用的视图解析器添加正确的后缀（我描述的第一部分）。 例如，.html代表Thymleaf，.vm代表Velocity，或.ftl代表Freemarker。

某处有某种服务器端控制器吗？

是。 JHipster也使用Spring Boot Actuator。 查看文档的这一部分 。 感兴趣的主要类是ErrorMvcAutoConfiguration 。 特别是这部分：

@Bean
@ConditionalOnMissingBean(value = ErrorAttributes.class, search = SearchStrategy.CURRENT)
public DefaultErrorAttributes errorAttributes() {
    return new DefaultErrorAttributes();
}

@Bean
@ConditionalOnMissingBean(value = ErrorController.class, search = SearchStrategy.CURRENT)
public BasicErrorController basicErrorController(ErrorAttributes errorAttributes) {
    return new BasicErrorController(errorAttributes);
}

错误来自哪里（状态和消息相同）？

请参阅上面刚引用的代码，然后查看DefaultErrorAttributes ：

Map<String, Object> errorAttributes = new LinkedHashMap<String, Object>();
errorAttributes.put("timestamp", new Date());
// and so on...

另一个问题是必然结果：为什么jhipster中有2个错误页面，一个客户端和一个服务器？ JHipster适用于SPA，因此不应只有一个客户端页面。 为什么服务器不总是发送回index.html，让客户端测试是否有错误？

需要有一个服务器端错误处理程序。 并非所有内容都会映射到Angular路线。 例如，www.yoursite.com / doesnt_exist将使浏览器向服务器发出另一个请求。

最后一个问题也是必然结果：是否有某种方法可以在客户端（角度）路由（app.js文件）中请求动态服务器端（百万美元）模板。 这对于开发丰富的SPA非常有用。

是。 您可以在app.js中为templateUrl指定JS函数。