Angular 外部 API 调用在添加代理配置后继续在poort 4200上服务

Question

我已经进行了所有必要的代理配置，但我的 Angular 仍然服务于 4200，我得到 404 错误。 我究竟做错了什么？

proxy.conf.json

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "info"
  },
  "pathRewrite": {
    "^/api": ""
  }
}

package.json

"scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.conf.json"
}

环境.ts

export const environment = {
  production: false,
  apiUrl: '/api'
};

服务.ts

fetchData() {
    return this.http
      .get<any[]>(`${environment.apiUrl}/registration`)
      .subscribe((data) => console.log(data));
  }

Answer 1

显然，我只需要提供我的请求的端点。 所以它应该是这样的：

fetchData() {
    return this.http
      .get<any[]>(`/registration`)
      .subscribe((data) => console.log(data));
  }