创建 collection/single 类型时不显示图像预览？

Question

将图像添加到我的 collection/single 类型后，Strapi 显示的预览图像未显示 see here。

我检查了 img src，src 地址是正确的，url 正确地把我带到了存储图像的地方 see here。

有谁知道为什么/如何让预览图像工作？

我正在使用以下内容：

strapi - v4.1.3
strapi-provider-upload-azure-storage - v2.0.0
节点 - v16.8.0
Azure 存储和 CDN

Answer 1

我通过将以下内容添加到我的 ./config/middlewares.js 文件中解决了这个问题：

module.exports = [
  'strapi::errors',
  'strapi::cors',
  'strapi::poweredBy',
  'strapi::logger',
  'strapi::query',
  'strapi::body',
  'strapi::session',
  'strapi::favicon',
  'strapi::public',
  {
    name: 'strapi::security',
    config: {
      contentSecurityPolicy: {
        directives: {
          'connect-src': ["'self'", 'https:'],
          'img-src': ["'self'", 'data:', 'blob:', `${AZURE_CDN_URL}`],
          'media-src': ["'self'", 'data:', 'blob:', `${AZURE_CDN_URL}`],
          upgradeInsecureRequests: null,
        },
      },
    },
  },
];

创建 collection/single 类型时不显示图像预览？

Image preview not showing when creating a collection/single type?

strapi