上传到AWS S3时，Strapi损坏了图像

Question

我安装了AWS S3作为我的strapi后端的上传提供商：

// path: ./config/plugins.js

module.exports = ({ env }) => ({
  // ...
  upload: {
    config: {
      provider: 'aws-s3',
      providerOptions: {
        accessKeyId: env('AWS_ACCESS_KEY_ID'),
        secretAccessKey: env('AWS_ACCESS_SECRET'),
        region: env('AWS_REGION'),
        params: {
          Bucket: env('AWS_BUCKET'),
        },
      },
    },
  },
  // ...
});

它已连接到AWS S3，但是当我上传时，图像已损坏：

我仍然将图像上传到AWS S3：

我不知道该如何解决此问题，因为我是使用Strapi和AWS S3的新手。感谢您的帮助！

Answer 1

您需要在./ config/middlewares.js中替换strapi ::安全字符串，但以下内容：

 {
    name: 'strapi::security',
    config: {
      contentSecurityPolicy: {
        useDefaults: true,
          directives: {
            'connect-src': ["'self'", 'https:'],
            'img-src': ["'self'", 'data:', 'blob:', `${process.env.AWS_BUCKET}.s3.${process.env.AWS_REGION}.amazonaws.com`],
            'media-src': ["'self'", 'data:', 'blob:', `${process.env.AWS_BUCKET}.s3.${process.env.AWS_REGION}.amazonaws.com`],
            upgradeInsecureRequests: null,
        },
      },
    },
  },

Answer 2

补充我们的朋友上面评论的内容，请从config/midderwares.js文件上删除AWS_Region

。示例文件看起来像这样：

const BUCKET = process.env.AWS_BUCKET;
const BUCKET_URL = `https://${BUCKET}.s3.amazonaws.com`;

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