访问控制允许Angular 2 HTTP服务中的来源问题

Question

i面临来自Laravel服务器的数据的问题。

这是客户端代码：

private surveysUrl = 
'http://107.170.59.79/services/public/api/v1/countries';
private headers = new Headers({'Content-Type': 'application/json'});
constructor(private http: Http) { }
getSurveys(): Promise<Survey[]> {
return this.http.get(this.surveysUrl)
   .toPromise()
   .then(response => response.json() as Survey[])
   .catch(this.handleError);
}

，但我收到的错误是：

xmlhttprequest无法加载 {{{link in surveySurl"}}中的链接设置。'访问控制 - 允许孔"标头具有一个值" {{{一些随机链接}}'不是 等于提供的原点。因此，原点是http：//localhost：4200' 不允许访问。

如何解决此错误？

ps：不允许我发布两个以上的链接，因此我必须从错误消息中删除链接。我已经用{{}}代替它，使其可读。

Answer 1

如果您使用的是Apache，则需要允许Origin访问即。

Header set Access-Control-Allow-Origin "*"

将其包含在.htaccess文件中。