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

Question

У меня есть базовый c вопрос, но я не могу с этим разобраться. Я хочу подключиться к git hub api из моего приложения angular, но всегда получаю 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){}
   • и ниже веселья c :

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

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

GET http://localhost: 4200 / api / users? Per_page = 10 400 (неверный запрос)

и

ERROR HttpErrorResponse {заголовки: HttpHeaders, status : 400, statusText: «Bad Request», URL: «http://localhost: 4200 / api / users? Per_page = 10 », ok: false,…}

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

Answer 1

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

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

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