Angular，无法更改 Referer 标头

Question

我正在通过 Angular 的 HttpClient 访问第三方服务。
在编写代码之前，我用 Postman 做了一些测试，看是否可以访问这个第三方服务。我注意到我必须设置Referer 第三方的域名才能从第三方获得成功的响应。因此，为了获得成功的响应，我应该告诉第三方该请求源自特定的 url。

问题是我无法从角度设置 Referer 标头。是否可以从角度设置 Referer 标头？如何实现修改Referer Header？我通过删除业务逻辑来简化代码。以下是我为实现这一目标正在努力做的事情。

    var serviceUrl = "https://xxx.yyy.zzz";
    let httpOptions = {
      headers: new HttpHeaders({
        'Referer': 'https://xx.yyy.xx'
      })
    };
    let formData = new FormData();
    formData.append("x","z");
    formData.append("y","z");


    this.httpClient.post(serviceUrl,formData,httpOptions).subscribe(response => {
      console.log(response);
    });

Answer 1

是否可以从角度设置 Referer 标头？

No.Referer是禁止的标头名称（在从 JS 设置请求标头的上下文中）。

如果有可能的话，这将是一个重大的安全问题。