通过角度6访问rest-api时出现CORS错误答案

【问题标题】：Getting CORS error while accessing rest-api through angular 6通过角度6访问rest-api时出现CORS错误
【发布时间】：2019-12-25 16:57:17
【问题描述】：

通过angular6访问rest-api时出现CORS错误

import { Component, OnInit } from '@angular/core';
import { TestService } from '../../test.service';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-view-component',
  templateUrl: './view-component.component.html',
  styleUrls: ['./view-component.component.css']
})
export class ViewComponentComponent implements OnInit {

  username:string="";
  response:any;
  public httpOptions : any;

  constructor(private http: HttpClient) {
  }

  ngOnInit() {
  }

  search(){
    this.http.get('http://localhost:8080/restapiapp/webapi/profiles')
    .subscribe((response)=>{
      this.response=response;
      console.log("Got the response");
      console.log(this.response);
    })
  }

}

在我的控制台上出现错误

SEC7120：[CORS] 源“http://localhost:4200”在“http://localhost:8080/restapiapp/webapi/profiles”的跨源资源的 Access-Control-Allow-Origin 响应标头中找不到“http://localhost:4200”。

错误：进度事件

标题：对象消息：“http://localhost:8080/restapiapp/webapi/profiles 的 Http 失败响应：0 未知错误” 名称：“HttpErrorResponse” 好的：假的状态：0 statusText：“未知错误” 网址：“http://localhost:8080/restapiapp/webapi/profiles”

原型：对象

【问题讨论】：

您的 API 是否支持 CORS？这可能不是angular HttpClient 问题
如何将 CORS 添加到我的 api 中？？
你的 API 是用 NodeJs、.Net、Spring 构建的吗？ ...？那应该是另一个问题？
它在 spring-boot 上
查看这个帖子stackoverflow.com/questions/51720552/…

标签： rest angular6

【解决方案1】：

只需添加 CrossOrigin 注释即可工作

【讨论】：