如何在localhost上启用Spring和Angular 2之间的CORS

在localhost上启用Spring和Angular 2之间的CORS，可以通过以下步骤实现：

CORS（跨源资源共享）是一种机制，用于允许不同源的网页请求访问当前源的资源。在Spring中，可以通过配置CORS过滤器来启用CORS。
首先，在Spring的配置文件中添加CORS过滤器的配置。可以使用以下代码示例：

@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("http://localhost:4200") // 允许访问的源
                .allowedMethods("GET", "POST", "PUT", "DELETE") // 允许的HTTP方法
                .allowedHeaders("*") // 允许的请求头
                .allowCredentials(true); // 允许发送凭证信息（如Cookie）
    }
}

上述代码中，allowedOrigins指定了允许访问的源，这里设置为Angular应用的地址http://localhost:4200。allowedMethods指定了允许的HTTP方法，这里设置为常用的GET、POST、PUT和DELETE。allowedHeaders指定了允许的请求头，这里设置为*表示允许所有请求头。allowCredentials设置为true表示允许发送凭证信息，如Cookie。

接下来，在Angular应用中配置CORS。在Angular的代码中，可以通过在请求头中添加Access-Control-Allow-Origin字段来实现CORS。

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

@Injectable()
export class MyService {

  constructor(private http: HttpClient) { }

  getData() {
    const headers = new HttpHeaders({
      'Content-Type': 'application/json',
      'Access-Control-Allow-Origin': 'http://localhost:8080' // 允许访问的源
    });

    return this.http.get('http://localhost:8080/api/data', { headers });
  }
}

上述代码中，Access-Control-Allow-Origin字段指定了允许访问的源，这里设置为Spring应用的地址http://localhost:8080。