Question

我是新手，我觉得这个问题对你来说很容易，但请帮忙。

我需要加载页面http请求并且它正在工作但我的查询被阻止了消息

阻止跨源请求：同源策略禁止读取远程资源在 http://localhost:9999/。（原因：缺少CORS标题'Access-Control-Allow-Origin'。

我的代码是Angular：

export class AppComponent implements OnInit {

  public apiURL:string = 'http://localhost:9999/';
  public logged: boolean;
  response: any;

  constructor(private elementRef:ElementRef, private http:Http) {
        this.logged = this.elementRef.nativeElement.getAttribute('auth');
  }

  ngOnInit() {
    this.checkLogin()
  }

  checkLogin() {
    this.response = this.http.post(this.apiURL, {"search": "search"}, ).map(res => res.json()).subscribe(data => {console.log(data);});
  }
}

我已经尝试了很多变种..但是没有人不适合我......有些人可以提供一些解决它的例子......请...

Answer 1

这是服务器上的问题，而不是客户端。您的浏览器阻止您作为安全措施拨打其他主机。如果您有权访问服务器，则需要添加：

Access-Control-Allow-Origin: *

否则您将需要一个代理来调用服务器

请参阅：Origin is not allowed by Access-Control-Allow-Origin

Angular 5上的HTTP标头

1 个答案: