Question

我创建了一项服务，可以在外部网站或域计算机上进行延迟/ ping测试。它将遍历多个调用并在我的应用程序中显示延迟。通过非常基本的URL请求，我得到了以下错误：

“来自起点'http://localhost:4200'的信息已被CORS策略阻止：所请求的资源上没有'Access-Control-Allow-Origin'标头。”错误

我尝试了许多不同的资源来克服CORS，但是没有任何效果。有人告诉我使用我的逻辑进行后端C＃调用会更容易，但是真的没有办法在Angular中克服这个问题吗？

这是我的ping服务：

@Injectable()
export class PingService {
pingStream: Subject<number> = new Subject<number>();
ping: number = 0;
url: string = 'https://www.google.com';


constructor(private _http: Http) {
interval(5000)
  .subscribe((data) => {
    let timeStart: number = performance.now();

    this._http.get(this.url)
      .subscribe((data) => {
        let timeEnd: number = performance.now();

        let ping: number = timeEnd - timeStart;
        this.ping = ping;
        this.pingStream.next(ping);
      });
  });
 }
}

以下是我将结果放入其中的组件：

@Component({
selector: 'app-section-computer-management',
templateUrl: './section-computer-management.component.html',
styleUrls: ['./section-computer-management.component.css'],

})
export class SectionComputerManagementComponent implements OnInit {
ping: number = 0;

constructor(private _pingService: PingService) {
this._pingService.pingStream.subscribe(ping => {
  this.ping = ping; });
}


ngOnInit() {}

}

任何帮助将不胜感激。我对angular比较陌生，有人告诉我我应该为此使用后端服务，但想知道这是唯一的方法还是正确的方法？

Angular：请求被CORS政策阻止？

0 个答案: