从图像 URL 中删除 http 协议？

Question

我正在查看从图像 URL 中删除 http 的代码，想知道他们为什么要这样做？：

  get thumbnail(): string | boolean {
    if (this.book.volumeInfo.imageLinks) {
      return this.book.volumeInfo.imageLinks.smallThumbnail.replace(
        'http:',
        ''
      );
    }

对应的角模板如下：

<img mat-card-sm-image *ngIf="thumbnail" [src]="thumbnail"/>

这是完整的堆栈闪电战：

https://stackblitz.com/edit/akita-books-store-refactor-fullscreen?file=example-app%2Fapp%2Fbooks%2Fcomponents%2Fbook-preview.component.ts

如果有人好奇，图片 url 包含在像这样的谷歌图书 API JSON 文档中：

https://www.googleapis.com/books/v1/volumes/tI5UswEACAAJ

Answer 1

它正在从中删除 http，因此 url 成为协议相对 URL。因此，如果页面位于 https:// 下，它将从 https 而不是 http 加载。