javascript - react + Spring 启动: Can't get Authorization value from Header

Question

我正在尝试创建一个使用 Spring Boot 应用程序作为后端的 React 应用程序。当用户登录操作成功时，用户会在名为“Authorization”的 header 参数中收到 Json Web token :

@Override
protected void successfulAuthentication(HttpServletRequest request, HttpServletResponse response, FilterChain chain,
        Authentication authResult) throws IOException, ServletException {

    String login = ((UserSS) authResult.getPrincipal()).getUsername();
    String token = jwtUtil.generateToken(login);
    response.addHeader("Authorization", "Bearer " + token);
}

我使用 Insomnia 来测试端点，它似乎有效，因为 token 已按预期检索:

问题是使用 React 和 Axios 时找不到 header 值:

const [login, setLogin] = useState('');
const [password, setpassword] = useState('');

async function handleLogin(e) {
    e.preventDefault();

    const response = await Api.post('/login', {
        login, senha: password
    });

    console.log(response.headers);
    if(response.headers['authorization']){
        history.push("/menu");
    }
}

尽管它在 XHR 内部，但我无法获取它:

我的 CORS 配置:

@Bean
CorsConfigurationSource corsConfigurationSource() {

    final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    CorsConfiguration config = new CorsConfiguration();
    source.registerCorsConfiguration("/**", config.applyPermitDefaultValues());

    return source;
}

知道它可能是什么吗？

Answer 1

问题的根源是我需要告诉 CORS 公开 header :

@Bean
CorsConfigurationSource corsConfigurationSource() {

    final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    CorsConfiguration config = new CorsConfiguration();
    source.registerCorsConfiguration("/**", config.applyPermitDefaultValues());
    //allow Authorization to be exposed
    config.setExposedHeaders(Arrays.asList("Authorization"));

    return source;
}

在我的前端中，“授权”以小写“授权”形式检索。