由于安全内容策略Strapi，该图像没有加载

Question

我正在使用数字海洋空间将我的上传文件和strapi作为后端

我遇到了这个错误，我能够将图像上传到我的数字海洋空间上 “而且与安全策略指令有关，我已经阅读了它也尝试了最喜欢的代码

my ./config/middleware.js

module.exports = ({ env }) => [
  'strapi::errors',
  {
    name: 'strapi::security',
    config: {
      contentSecurityPolicy: {
        useDefaults: true,
        directives: {
          'connect-src': ["'self'", 'https:','http'],
          'img-src': [
            "'self'",
            'data:',
            'blob:',
            'dl.airtable.com',
            'https://sgp1.digitaloceanspaces.com',
          ],
          'media-src': [
            "'self'",
            'data:',
            'blob:',
            'dl.airtable.com',
            'https://sgp1.digitaloceanspaces.com',
          ],
          upgradeInsecureRequests: null,
        },
      },
    },
  },
  {
    name: "strapi::body",
    config: {
      formLimit: "256mb", // modify form body
      jsonLimit: "256mb", // modify JSON body
      textLimit: "256mb", // modify text body
      formidable: {
        maxFileSize: 200 * 1024 * 1024, // multipart data, modify here limit of uploaded file size
      },
    },
  },
  'strapi::cors',
  'strapi::poweredBy',
  'strapi::logger',
  'strapi::query',
  
  'strapi::favicon',
  'strapi::public',
];

Answer 1

您需要传递域（没有协议），因此 sgp1.digitaloceanspaces.com 。更好的是限制您的存储桶的URL，例如＆lt; bucket＆gt;。。