Получение ошибки о том, что доступ к XMLHttpRequest был заблокирован политикой CORS при запуске приложения angular. Любое решение для этого?

Question

Добавляю этот скриншот ошибки.

Answer 1

CORS - это стандартный протокол безопасности, который реализуют все основные веб-браузеры.

Вы можете разрешить совместное использование ресурсов Cross Origin только с сервера, его нельзя, по очевидным причинам безопасности, переопределить с помощью клиента (приложение браузера ) сторона.

@ GwenM показал, как это сделать на стороне сервера, приложение Express на основе узла.

В других серверных фреймворках это делается иначе. для каждой платформы, но всегда приводит к отправке заголовка «Access-Control-Allow-Origin» клиенту с сервера.

Если серверное приложение хочет, чтобы клиент мог запрашивать ресурсы у любого другого сайт, содержание этого заголовка помечено звездочкой («*»). Если серверное приложение хочет, чтобы клиент мог запрашивать ресурсы с одного внешнего сайта, содержимое является адресом этого сайта.

Полное объяснение того, как работает CORS, см. На странице MDN по адресу https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Чтобы получить помощь по включению этого в вашей конкретной серверной / серверной структуре, выполните поиск здесь на SO - здесь буквально сотни вопросов и ответов о том, что CORS имеет отношение ко всем, что можно вообразить серверная среда.

Answer 2

Вам необходимо включить запросы CORS на вашем сервере.

Если вы используете node и express:

var express = require('express')
var cors = require('cors')
var app = express()
app.use(cors()) // Globally on all routes

// Or locally on one route only.
app.get('/products/:id', cors(), function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for a Single Route'})
})

https://github.com/expressjs/cors