Angular代理未将请求转发至后端端口的问题排查求助

各位好，我最近在本地调试Angular前端和后端服务时遇到了代理配置的问题，折腾了好一阵没解决，想请教大家帮忙排查下~

我现在的环境是：本地同时跑着后端服务（端口8080）和Angular前端（端口4200），为了解决CORS问题配置了代理，但实际发起请求时却没按预期转发到后端端口。

先给大家看下我的所有配置：

• 项目根目录下的proxy.conf.json配置：

{
  "/api": {
    "target": "http://192.166.27.160:8080/api/",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "debug"
  }
}

• environment.development.ts的配置：

export const environment = {
  production: false,
  url: 'http://localhost:4200/api/'
};

• angular.json中serve选项的配置：

"serve": {
  "options": {
    "proxyConfig": "proxy.conf.json"
  }
}

• HTTP请求的代码实现：

getAuthToken(): Observable<any> {
  return this.httpClient.get<any>(environment.url + 'token/');
}

配置完成后，我发起了请求，结果在浏览器的网络面板里看到请求还是发向了http://localhost:4200/api/token/，并没有转发到后端的8080端口。我本来以为代理会自动把请求转去后端，这情况是正常的吗？我自己调试了半天也没找到问题所在，有没有大佬能帮我看看哪里配置出错了？

内容来源于stack exchange