Как решить, заголовок «Access-Control-Allow-Origin» присутствует на запросах Ошибка в Angular 2?

Я получаю эту ошибку:

XMLHttpRequest не может загрузить https://heroku-app-php.herokuapp.com/. В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». ПроисхождениеHTTP: // локальный: 8100Поэтому не допускается доступ.

test.service.ts

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class testService {
constructor (
private http: Http
) {}

getUser() {
var tries = this.http.get(`https://heroku-app-php.herokuapp.com/`)
.map((res:Response) => res.json());
console.log("Res done");
return tries;
}

}

test.component.ts

import { Component } from '@angular/core';

import { testService } from './test.service';

@Component({
selector: 'home-page',
template: `
<div>
<button (click)="loadUser()">Load profile</button>
{{ profile | json }}
</div>
`
})
export class testComponent {
constructor(private testService: testService) {}
profile = {};

loadUser() {
this.testService.getUser().subscribe(data => this.profile = data);
}
}