在Angular的App中添加HTTP拦截器,将请求头中的Origin和Access-Control-Allow-Origin信息添加到每个请求中。这可以通过以下代码进行实现:
import { Injectable } from '@angular/core'; import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http'; import { Observable } from 'rxjs';
@Injectable()
export class HttpHeaderInterceptor implements HttpInterceptor {
intercept(req: HttpRequest
接下来,在Spring Boot API的端点中添加CORS配置。这可以通过以下代码进行实现:
@Configuration public class CorsConfig { @Bean public WebMvcConfigurer corsConfigurer() { return new WebMvcConfigurer() { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("") .allowedMethods("") .allowedHeaders("*"); } }; } }
这将允许所有来源的请求('allowedOrigins("")')并允许所有方法('allowedMethods("")')和所有标头('allowedHeaders("*")')。
最后,测试应该可以成功请求Spring Boot API。