Нет заголовка «Access-Control-Allow-Origin» в Angular 6 - PullRequest
Новая
       10

Нет заголовка «Access-Control-Allow-Origin» в Angular 6

0 голосов
/ 06 ноября 2018

Я получаю ошибку Access-Control-Allow-Origin.

Доступ к XMLHttpRequest по адресу https://localhost:44301/api/XXXX/GetAllXXXX' от источника 'https://localhost:44322' заблокирован политикой CORS: Ответ на предпечатный запрос не проходит проверку контроля доступа: Нет' Access-Control-Allow- Заголовок источника 'присутствует на запрашиваемом ресурсе.

enter image description here

И ниже мой заголовок, который я передаю в вызов API. 

getAllItems<T>(): Observable<T> {
const options = { headers: this.getRequestHeaders() };
return this.http.get<T>(this.getAllItemUrl, options);

} 

protected getRequestHeaders(): HttpHeaders {
let headers = new HttpHeaders({
  'Content-Type': 'application/json',
  'Accept': `application/json, text/plain, */*`,
  'App-Version': '1',
});
return headers;
* *} Тысяча двадцать-один

Мне не хватает чего-нибудь, чтобы подключить мой API здесь?

1 Ответ

0 голосов
/ 06 ноября 2018

Вам необходимо добавить CORS в свой бэкэнд-сервис. Если это экспресс-сервис, вы можете иметь что-то вроде этого 

const express = require('express');
const app = express();


var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', "*");
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    next();
}

app.use(allowCrossDomain);
...