Axios 对受保护页面的请求未使用 Spring 引导安全重定向到登录页面

Question

我正在使用 Spring Boot 和 Spring Security 构建一个 webapp。 在我扩展的 WebSecurityConfigurerAdapter class 中，我保护了一个只能由经过身份验证的用户访问的端点。 它由返回字符串的@RestController class 管理。

.antMatchers("/test").authenticated()

此端点由 @RestController class 管理，它有一个返回字符串的方法。

@RestController
@RequestMapping("/test")
public class TestRest {

    @GetMapping
    public ResponseEntity<String> test() {
        return ResponseEntity.ok("test");
    }
}

如果我未通过身份验证并在浏览器中输入此端点，它会重定向到登录页面。

问题是我在客户端使用 vue.js 和 axios 。 如果我已通过身份验证并使用 axios 达到此目的，

axios.get("http://localhost:8080/test")
    .then((response) => {
        console.log(response)
     })
     .catch((error => console.log(error)))

我收到状态为 200 的正常响应和正确的响应数据（“测试”）。 但如果我没有通过身份验证，它不会重定向到登录页面。 它在响应数据中返回响应状态 200 和登录页面的整个 html 内容。

我究竟做错了什么？ 在这种情况下使用 axios 时是否可以将请求重定向到登录页面？

感谢关注！

Answer 1

它不会重定向，因为您发出了 XHR 请求，所以由您来处理它。

在您的后端 Spring Boot 上，您可以尝试检查请求是否是 XHR 请求，如果是，则使用 JSON 或重定向进行响应。

根据您的决定，您可以使用 JSON 中的位置或Location响应 header 手动重定向。