如何在使用传单 js 时附加带有令牌的授权标头

Question

我用传单在我的角。js地图应用程序。我的一个资源需要一个带有令牌的授权头。我正在使用传单实时插件（在这里找到：https://github.com/perliedman/leaflet-realtime)获取地图更新，因此需要能够在实时执行获取数据时指定我的头。

我首先尝试使用另一个库fetch-intercept（在这里找到：https://github.com/werk85/fetch-intercept）来拦截请求并附加标头，但是拦截器被忽略了。我在拦截器中包含了一个console.log，但它从未被访问过。

经过更多的研究，我注意到应该支持指定标头：https://github.com/perliedman/leaflet-realtime/pull/83。但是，我找不到有关如何正确附加授权令牌的示例。以下是我目前正在尝试的内容：

this.mapRealtime = L.realtime({
  url: this.getRealtimeUrl(),
  crossOrigin: true,
  headers: {"Authorization": "token"},
  type: 'json',
}, 

然而，当我从我的web浏览器（Chrome）调试控制台检查网络日志时，我看到的请求头是：

显示了临时标题

访问控制请求标头：授权

访问控制请求方法：GET

服务器返回错误类型为MissingAuthenticationTokenException的状态403。

谁能提供一个如何正确附加令牌的示例？谢谢

Answer 1

实时传单只采用url或json文件路径，您将无法传递标头（auth），因为它们有不起作用的补丁。我遇到了同样的问题。我所做的是遵循：

 realtime = (L as any).realtime(async function (success, error) {
    let geodataJson = await self.updateGeoJson();
    success(geodataJson);
  }, {
    interval: 15 * 1000,
    onEachFeature: onEachFeature,......

我已经将函数传递给了realtime，在这个函数中，我调用了带有标题的简单API

async  updateGeoJson() {
await this.api.getMarkersGeoJson().subscribe((res: any) => {
  this.geoData = res;
});
return this.geoData; }

第一次调用时，它不会从此函数获取数据，因此我们还需要在initmap之前在ngOnInit中this.geoData加载数据。对我来说，它正在工作，我知道这只是工作，但这个问题仍然在实时传单中。希望这对你有用