Angular + Spring 引导跨域过滤器不起作用

Question

我知道有很多关于此的问题。 但是，我仍然无法解决我的应用程序中的跨域阻止问题。 我已经在 Spring 启动应用程序中实现了所有过滤器，但问题仍然存在。 谁能指引我走向正确的道路？

Angular 应用程序 - http://localhost:4200/auth

Spring 启动应用程序 - http://localhost:8082/app1

主class

@SpringBootApplication
public class App1Application implements WebMvcConfigurer {

    public static void main(String[] args) {
        SpringApplication.run(App1Application.class, args);
    }
}

Cors 过滤器 class

@Component
public class CORSFilter implements Filter {

    public CORSFilter() {
        System.out.println("Filtering on...........................................................");
    }

    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {

        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) res;

        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With, remember-me");
        chain.doFilter(req, res);
    }

    public void init(FilterConfig filterConfig) {
    }

    public void destroy() {
    }
}

Controller class

@RestController
public class UserController {

    @GetMapping("/get-id")
    public String getId() {
        return "Welcome SSO";
    }

应用程序.yml

server:
  port: 8082
  servlet:
    context-path: /app1

Angular 服务部分

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class AuthService {

  private baseUrl ="http://localhost:8082/app1";

  constructor(private http: HttpClient) { }

  changeButton(id: number): Observable<any> {
    console.log("Service hit")
    return this.http.get<any>(this.baseUrl + '/get-id');
  }
}

Answer 1

您应该在 spring 引导中启用 CORS 并在 controller 中使用 @CrossOrigin 或像这样的全局配置：

@Configuration
public class MyConfiguration {

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurerAdapter() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**");
            }
        };
    }
}

请参阅： Spring 引导参考 CORS

或： 博客：spring 引导中的 CORS 支持

在您的代码中，您可以尝试设置 *

response.setHeader("Access-Control-Allow-Origin", "*");

Answer 2

看看 - https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin

原点看起来不正确。