来自其他端口的 Spring Boot 默认安全认证

Question

为了快速开发前端（React）在端口 3000 上工作。 CORS 请求运行良好。
我遇到了来自前端的身份验证问题：

• 小问题1是8080端口重定向
• 大问题2，认证成功但在8080端口

我只是在运行 react frontend.localhost:3000 时无法成功验证。
不使用 Spring-mvc。

服务器成功的 wenn 前端也在 8080 端口上。
HTTP/1.1 302 Set-Cookie: JSESSIONID=8AA9C90B5599372059183C6D94798609; Path=/; HttpOnly X-Content-Type-Options: nosniff X-XSS-Protection: 1; mode=block Cache-Control: no-cache, no-store, max-age=0, must-revalidate Pragma: no-cache Expires: 0 X-Frame-Options: DENY Location: http://localhost:8080/ Content-Length: 0 Date: Fri, 05 Oct 2018 17:26:41 GMT

3000 端口上的服务器失败响应 wenn 前端。 HTTP/1.1 302 X-Content-Type-Options: nosniff X-XSS-Protection: 1; mode=block Cache-Control: no-cache, no-store, max-age=0, must-revalidate Pragma: no-cache Expires: 0 X-Frame-Options: DENY Set-Cookie: JSESSIONID=6AE3EA77D7786281DE5F2E9FE2EC2A31; Path=/; HttpOnly Location: http://localhost:8080/ Content-Length: 0 Date: Fri, 05 Oct 2018 17:30:53 GMT

###附加： 所以自己找解决办法。 3天5行代码*( 修复重定向问题：

<code>
@Override
    protected void configure(HttpSecurity http) throws Exception {
        http
                .authorizeRequests()
                //allow not authenticated user access to login page
                .antMatchers("/login").permitAll()
                //give access all users to React resources
                .antMatchers("/static/**").permitAll()
                .anyRequest().authenticated()
                //enable redirect to login if user not authenticated
.and().formLogin().successHandler(corsAuthSuccessHandler()).loginPage("/login")
              .and().csrf().disable();
    }

@Bean
    public AuthenticationSuccessHandler corsAuthSuccessHandler() {
        return new SimpleUrlAuthenticationSuccessHandler() {
            @Override
            protected String determineTargetUrl(HttpServletRequest request,HttpServletResponse response) {
                if (request.getHeader("Origin").equals(frontEndDevDomain))
                    return request.getHeader("Origin");
                return super.determineTargetUrl(request, response);
            }
        };
//Cors header allover:  
@Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
       registry.addMapping("/**")
                    .allowedOrigins(frontEndDevDomain)
                    .allowCredentials(true);
            }
        };
    }
</code>

从前端登录后，每个请求都将是 CORS，如果您使用 fetch，只需添加行凭据：'include' 例如： fetch(URL + '/api/company/add/?name=' + name, {method: 'POST', credentials: 'include'})

Answer 1

我猜这个问题是由客户端 cors 策略引起的。 在您的 ajax 调用中添加一些参数可能会有所帮助。 例如，如果您使用 fetch api，请尝试在请求选项中包含凭据：“include”。

希望这会有所帮助。