“cors header ‘access-control-allow-origin’ missing”拒绝请求，即使来源是允许的

Question

我想从我的 Angular 应用程序向我的服务器发送 POST 请求（用 spring-boot 编写）。请求被拒绝，并显示消息“cors header ‘access-control-allow-origin’ missing”。

我启用了我的 Angular 应用程序“http://localhost:4200”的来源，就像我为其他 RestControllers 所做的一样（哪个工作）。据我所知，唯一的区别是我在不工作的控制器中处理 POST 请求。

控制器

@RestController
@CrossOrigin(origins = "http://localhost:4200")
public class Controller {

    @Autowired
    private ReqRepository reqRepository;

    @PostMapping("/reqs")
    public Req saveReq (@Valid @RequestBody Req req) {
        return reqRepository.save(req);
    }
}

存储库

@Repository
public interface ReqRepository extends JpaRepository<Req, Long> {
}

角度服务

@Injectable()
export class ReqService {

  private httpOptions = {
    headers: new HttpHeaders({
      'Access-Control-Allow-Origin': '*',
      'Content-Type': 'application/json'
    })
};

  constructor(private http: HttpClient) {}

  sendReq(req: Req): Observable<Req> {
    return this.http.post<Req>('http://localhost:8080/reqs', req, this.httpOptions);
  }
}

我认为允许来源就足够了，因此请求是可能的，但它被阻止了。似乎我缺少启用 POST 请求的东西。

更新

我进一步测试了控制器，它适用于 GET 请求。 我只是更改了方法，所以问题似乎在于 POST 请求。 下面是带有 GET 测试端点而不是 POST 端点的控制器

@RestController
@CrossOrigin(origins = "http://localhost:4200")
public class Controller {

    @Autowired
    private ReqRepository reqRepository;

    @GetMapping("/reqs")
    public Page<Req> testCall (Pageable pageable) {
        System.out.println("Geeting request");
        return reqRepository.findAll(pageable);
    }
}

Answer 1

问题是我的 spring 安全配置。 我不得不禁用 csrf，因为它默认启用。 我从这篇文章中得到了解决方案：How to Solve 403 Error in Spring Boot Post Request

我的解决方案如下所示：

@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    //Override basic security settings so no login page is needed to access the RestEndpoints
    @Override
    protected void configure(HttpSecurity security) throws Exception
    {
        security.httpBasic().disable();
        security.csrf().disable();
    }
}

Answer 2

很高兴您的请求现在有效。请注意'Access-Control-Allow-Origin': '*' 是从服务器发送的标头。在这里，您尝试将标头从 angular 发送到服务器，这将不起作用

另外请改@CrossOrigin(origins = "http://localhost:4200")

到@CrossOrigin(origins = "http://localhost:4200", methods="GET,POST,PUT,DELETE,ORIGIN") 看看它是否有效