React：如何加载受保护的图像？

编程问答 2022-05-30

问题描述

我需要在 React.js 中加载受保护的图像并将 auth 标头传递给请求。

Authorization: 'Bearer <token>'

我在 Angular 中使用了 HTTP 拦截器和管道来实现相同的功能：

...
intercept(request: HttpRequest<any>,next: HttpHandler): Observable<HttpEvent<any>> {
  request = request.clone({ setHeaders: { Authorization: `Bearer <your token>` } });
  return next.handle(request);
}
...

...
transform(url): Observable<SafeUrl> {
  return this.http.get(url,{ responseType: 'blob' })
   .map(val => this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(val)));
}
...

<img [attr.src]="'link' | secure | async" />

如何在 React.js 中实现类似的东西？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

downloadimageimageimagereactjsreactjsreactjsreactjs