Angular 是否自动将前端应用程序的标头附加到外部http请求？

假设我的前端应用程序中有一些请求逻辑。其中一些用于api.foo.com，而另一些用于api.bar.com

我想在对api.foo.com的每个请求上设置一个header HELLO=“WORLD”（该值可以是常量或动态的（由js提供）），但不能设置为api.bar.com

由于手动为许多请求指定相同的头很麻烦而且容易出错，我希望它是自动的。 目前，我认为这可以通过定制http客户端来实现。例如，我可以包装axios并在其中注入一些头逻辑，然后使用对象而不是普通axios

然而，我想知道是否有更优雅或推荐的方法（或者请分享任何可能的解决方案）

目前，我正在使用Vue，但也分享其他特定于框架的解决方案，因为我相信其他人可能会觉得您的解决方案很有帮助

谢谢。

您可以使用。这样写：

axios.interceptors.request.use(request => {
  if (request.url.includes('api.foo.com')) request.headers['HELLO'] = 'WORLD';
  return request;
});

活着

如果需要向拦截器发送一些数据，请参阅如何执行此操作