如何覆盖角度ngSrc指令以追加请求标头？

Question

我想在角度js ngSrc url请求中附加身份验证令牌。那么如何使用ngSrc指令传递此标记？

Answer 1

ngSrc内部没有使用$ http，因此单独的拦截器不起作用。它只是设置src属性。 从我的观点来看，你将不得不编写一个自定义指令，如“ngHttpSrc”，它使用$ http服务。

请参阅：Force HTTP interceptor in dynamic ngSrc request

Answer 2

使用http-src而不是ng-src，它将使用$ http服务获取图像 - 意味着将通过拦截器添加授权标头 - 然后构建一个Blob并将src设置为objectURL。

参考：https://github.com/dougmoscrop/angular-img-http-src

Answer 3

与评论中提到的JB一样，使用interceptor

// alternatively, register the interceptor via an anonymous factory
$httpProvider.interceptors.push(function($q, dependency1, dependency2) {
  return {
    'request': function(config) {
      // manipulate the request here
      // You can filter specific requests if you want
      config.headers.token ="whatever";
      return config;
    }
  };
});