javascript - 在 strapi 4 中设置 cors

Question

我使用 strapi 4 作为本地主机，当我通过 url 添加新 Assets 时，cors 设置出现问题

图片上传出现 CORS 错误 从来源 'http://localhost:1337' 访问 'https://www.countrysideveterinaryclinic.org/sites/default/files/interesting-cat-facts.jpg' 处的 XMLHttpRequest ' 已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin” header 。

Solution从这里没有帮助

我的middleware.js

module.exports = [
  'strapi::errors',
  'strapi::security',
  'strapi::poweredBy',
  {
    name: 'strapi::cors',
    config: {
      enabled: true,
      header: '*',
      origin: ['http://localhost:1337']
    }
  },
  'strapi::logger',
  'strapi::query',
  'strapi::body',
  'strapi::session',
  'strapi::favicon',
  'strapi::public',
];

Answer 1

我自己找到了解决方案，也许它会帮助别人

middlewares.js

module.exports = [
  'strapi::errors',
  'strapi::security',
  'strapi::poweredBy',
  {
    name: 'strapi::cors',
    config: {
      enabled: true,
      headers: '*',
      origin: ['http://localhost:1337', 'http://example2']
    }
  },
  'strapi::logger',
  'strapi::query',
  'strapi::body',
  'strapi::session',
  'strapi::favicon',
  'strapi::public',
];