如何使用React前端和Spring Boot安全后端进行客户端身份验证检查？

Question

我已经设置了spring boot安全依赖项

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-security</artifactId>
    </dependency>

我还限制了我的WebSecurity配置文件中的一些页面，例如。

  http
        .authorizeRequests()                 
        .antMatchers("/").permitAll()
        .antMatchers("/admin/**").hasRole("ADMIN")

（我还完成了UsersDetailsService等的各种其他样板设置。）

在使用html/thymeleaf的传统前端中，如果用户登录，我可以简单地执行类似的操作来显示注销链接。

 <form sec:authorize="isAuthenticated()" id="frmlogout" th:action="@{/logout}" method="post" class="form-inline">
        <a href="javascript:{}" onclick="document.getElementById('frmlogout').submit(); return false;">Logout</a>
 </form>

问题是，我怎么能做一个类似的isAuthentiated（）检查（以及角色检查）从我的反应。js类？这有可能吗？

理想的结果是，我可以将注销按钮添加到导航栏中，导航栏是在我的.js类中定义的。

Answer 1

关于React.js Spring Security的这篇文章展示了一种使用会话cookie的方法，这是Spring mvc中保护通信安全的传统方法。

或者，您可以为API使用Basic Auth，并在React中实现登录逻辑。如果对API的调用导致HTTP 401未经身份验证，则要求用户提供凭据，并使用in响应来调用API。