Доступ к XMLHttpRequest в «http://localhost:1111/...' из источника» http://localhost:4200' был заблокирован политикой CORS: - PullRequest
Новая
       21

Доступ к XMLHttpRequest в «http://localhost:1111/...' из источника» http://localhost:4200' был заблокирован политикой CORS:

0 голосов
/ 18 июня 2019

Перекрестное происхождение не происходит, заблокировано политикой CORS.

Я в системе Windows.

В -.service.ts файле: 

 makeHeaders() {
    const headers = new HttpHeaders({
      'content':"application/json",
      'Content-Type': 'application/x-www-form-urlencoded',
      // 'Access-Control-Allow-Credentials': 'true',
      'Access-Control-Allow-Origin': 'http://localhost:4200',
      'Access-Control-Allow-Methods': 'OPTIONS, GET, POST',
      'Access-Control-Allow-Headers': 'Origin, Content-Type, Accept, Access-Control-Allow-Origin, Authorization, X-Requested-With'
      })
    return headers;
  }

в proxy.conf.json файл: 

"target": "http://localhost:1111"

Я получил эту ошибку в консоли браузера:

Доступ к XMLHttpRequest по адресу http://localhost:1111/api/v1/employees/create' от источника 'http://localhost:4200' был заблокирован политикой CORS: Ответ на предполётный запрос не проходит проверку контроля доступа: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin».core.js: 15724 ОШИБКА HttpErrorResponse {заголовки: HttpHeaders, статус: 0, statusText: «Неизвестная ошибка», URL: «http://localhost:1111/api/v1/employees/create", ok: false,…}

Спасибо

1 Ответ

0 голосов
/ 19 июня 2019

Вы можете попробовать это 

app.options("/*", function(req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');
    res.sendStatus(200);
});

app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    next();
});

Поскольку вы работаете на localhost, вам нужно установить плагин.

Хром

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

FireFox

https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/

Спасибо

...