Почему Angular настройка прокси не работает?

Question

Моя конфигурация прокси proxy.conf.json:

{
    "http://localhost:4200": {
        "target": "http://182.168.0.240:80/",
        "secure": false,
        "logLevel": "debug",
        "changeOrigin": true
    }
}

Я запустил приложение, используя команду:

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

Я отправляю запрос с http://localhost:4200 адреса на http://182.168.0.240:80/.

В Chrome сети я вижу, что запрос пришел к:

http://182.168.0.240:80/accept

С проблемой CORS:

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Запрос:

   return this.httpClient.post(environment.serverUrl + 'accept', order).pipe(catchError(this.handleError));

Где environment.serverUrl:

export const environment = {
    production: false,
    serverUrl: 'http://182.168.0.240:80/',
};

Я попытался заменить путь конфигурации на:

{
    "*": {}
}

И это:

{
    "*/": {}
}

Нет результата

Answer 1

Конфигурация должна быть:

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

И URL:

return this.httpClient.post('/api/accept', order, { headers: headers }).pipe(catchError(this.handleError));

Работает отлично!