如何解决React:如何加载受保护的图像?
我需要在 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 举报,一经查实,本站将立刻删除。