почему возникает проблема cors, даже если угловое приложение работает на том же сервере, откуда мы вызываем остальные вызовы

Question

Я разработал угловое приложение на моей локальной машине.В моем приложении я делаю остальной вызов, чтобы получить данные.Так что в моей локальной машине я получаю проблему с CORS.Но когда я разворачиваю это угловое приложение на одном сервере с одним и тем же портом, т.е. оба остальных API и мое приложение находятся на одном сервере с одним и тем же портом.REST API: - http://domain:port/api URL-адрес приложения: - http://domain:port/home

Кроме того, у меня возникает проблема с CORS при вызове api покоя.Пожалуйста, объясните мне, как решить эту проблему.

Спасибо, Суреш

Answer 1

На вашем локальном компьютере вы можете создать прокси-сервер для перенаправления вызовов на API, который будет находиться на том же порту, что и ваше угловое приложение.Создайте файл с именем proxy.conf.json и вставьте в него следующее, меняя apiport на номер порта apis.

{
  "/api/*": {
    "target": "http://localhost:apiport/api/",
    "pathRewrite": {
      "^/api": ""
    },
    "changeOrigin": true,
    "secure": false,
    "logLevel": "debug"
  }
}

, а затем запустите приложение с

ng serve --proxy-config proxy.config.json

или добавьтеследуйте разделу скриптов вашего файла package.json

"localstart": "ng serve --proxy-config proxy.config.json",

и начинайте с

npm run localstart