Конфигурация углового прокси

У меня есть основной вопрос, но я не могу разобраться. Я хочу подключиться к git hub api из своего углового приложения, но всегда получал 400 (неверный запрос).

Что я сделал:

  1. package.json - я добавил/отредактировал "start": "ng serve --proxy-config proxy.config.json"
  2. Я создал новый файл proxy.config.json

  3. Внутри этого файла я добавил ниже /api конфигурацию

    { "/api": { "target": "https://api.github.com/", "secure": false } }

  4. В моем компоненте someComponent.ts я добавил:

    • import { HttpClient } from '@angular/common/http';
    • constructor(private http:HttpClient){}
    • и ниже функции:

    somefunc(){ return this.http.get("/api/users?per_page=10") .subscribe(data =>{ this.datas = data console.log(this.datas) }) }

Но когда я попытался выполнить этот метод get в консоли, я получил:

ПОЛУЧИТЬ http://localhost:4200/api/users?per_page=10 400 ( Неверный запрос)

а также

ОШИБКА HttpErrorResponse {заголовки: HttpHeaders, статус: 400, statusText: "Неверный запрос", URL: "http://localhost:4200/api/users?per_page=10", ok: false, …}

Может кто-нибудь помочь мне, что я сделал неправильно, пожалуйста?


angular
person Sepcio    schedule 18.02.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Для тех, у кого будет похожая проблема. Если ваш API не размещен на локальном хосте (внешний API, как в моем примере), вам нужно добавить следующие строки в proxy.config.json

Код для добавления:

"pathRewrite": { "^/api": "" },

person Sepcio    schedule 18.02.2020