Политика CORS при работе с окружающей средой

Question

Я использую Angular 8 и пытаюсь отправить запрос POST в мой API.

Это работает:

this.http.post<number>('/api/login', data);

proxyconfig. json

{
  "/api": {
    "target": "http://localhost:80",
    "pathRewrite": {
      "^/api": ""
    },
    "secure": false,
    "changeOrigin": true
  }
}

Это выдает ошибку:

this.http.post<number>(environment.apiBaseUrl + '/login', data);

environment.ts

export const environment = {
  production: false,
  apiBaseUrl: 'http://localhost:80'
};

Ошибка:

Причина, по которой я хотел бы сделать это с окружающей средой, заключается в том, что у меня также есть environment.prod.ts file.

Это не может быть проблема на стороне сервера, так как работает первый способ. Почему первый работает, а второй дает ошибку?