相关疑难解决方法(0)

我创建了一个AngularJS应用程序,用于从OAuth安全后端加载图像.通过向Angular $httpProvider添加额外的拦截器来配置我的OAuth库,以添加正确的身份验证标头.

我的HTML模板中的源代码如下所示:

<img ng-src="{{ '/users/1/images/' + imageId }}">

我的问题是实现ngSrc忽略了由指令创建的http请求$http,这导致具有错误身份验证的请求.普通的API调用函数是正确的(我的控制器/服务通过使用$http和$resource直接调用的函数).

我想从需要令牌的服务器加载图像，但我不知道如何在 axios 的标头中发送令牌或获取请求以加载它。如何发送带有 url 的标头以从我的 React 应用程序中的服务器加载我的图像？

这是我的图片标签

<img 
   src={{
    uri: `${activeCoverHash}`,
    headers: { t: token }
   }} 
   alt={i.name}
   onLoad={() => console.log('___DONE___')}/>

但它给了我一个 404 错误。我能做什么？

实际上我从这里得到了那个模式，但它只适用于 React Native 而不是 React。