角形Spring防尘套交叉原点过滤器不工作

Question

我知道对此有很多问题。但是，我仍然无法解决应用程序中的跨源块问题。我已经在Spring Boot应用程序中实现了所有的过滤器，但问题仍然存在。有人能指引我走向正确的道路吗？

角度应用-http://localhost:4200/auth

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

主类

@SpringBootApplication
public class App1Application implements WebMvcConfigurer {

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

Cors过滤器类

@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() {
    }
}

控制器类

@RestController
public class UserController {

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

应用yml

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

角服务部件

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

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

起源看起来不正确。

Answer 2

您应该在spring boot中使用控制器中的@CrossOrigin或如下全局配置启用CORS：

@Configuration
public class MyConfiguration {

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

请参阅：Spring Boot Referencez CORS

或：博客：CORS支持在Spring启动

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

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