Angular 代理配置

Question

我有一個基本問題，但我無法解決這個問題。 我想從我的 angular 應用程序連接到 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 方法時，我收到了：

GET http://localhost:4200/api/users?per_page=10 400（錯誤請求）

和

錯誤 HttpErrorResponse {headers: HttpHeaders, status: 400, statusText: "Bad Request", url: " http://localhost:4200/api/users?per_page=10 ", ok: false, ...}

有人可以幫我做錯什么嗎？

Answer 1

對於那些將有類似問題的人。 如果您的 api 未托管在 localhost 上（如我的示例中的外部 api），您需要在proxy.config.json添加以下proxy.config.json

要添加的代碼：

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