Angular 6 call localhost API

Question

Я пытаюсь вызвать API локально в моем приложении angular 6, URL-адрес api http://localhost/myapi Я добавил конфигурационный файл прокси, который указывает на этот URL-адрес, но при запуске приложения я получил ошибку 404.

Мой файл proxy.config.json:

{
  "/api/*":{
    "target":"http://localhost/myapi",
    "secure": false,
    "logLevel": "debug"
  }
}

файл package.json:

"serve-dev": "ng serve --source-map=false --proxy-config proxy.config.json",

http.service.ts file:

export class HttpService{
     static serverApiUrl : string  = "/api/"
}

auth.service.ts file:

 this.http.get(HttpService.serverApiUrl+"site/check-auth")
            .map(response => {
                if(response['auth'] == 1) {
          return true;
                } else {
          this.router.navigate(['/auth'])
                    return false;
                }
            });

В консоли я получил это:

http://localhost:4200/api/site/check-auth 

любые предложения.

Answer 1

Похоже, вам нужно переписать URL-путь , используя что-то вроде этого:

{
    "/api": {
        "target": "http://localhost",
        "secure": false,
        "logLevel": "debug",
        "pathRewrite": {
            "^/api": "/myapi"
        }
    }
}

Я удалил /* из префикса, который вы имели, и добавил pathRewrite раздел.Я полагаю, что то, что у вас было раньше, было попыткой прокси на localhost/myapi/api/site/check-auth (с этим дополнительным /api), который следует удалить с разделом pathRewrite.