如何部署我的 AWS 解决方案以避免 CORS 问题？

Question

我有一个基于两个主要组件的应用程序：

• 在 S3 存储桶上托管的 React 应用程序 https://app.com/
• 在 Elastic Beanstalk 环境中托管的 Express 应用程序 https://api.app.com

由于 https://app.com/ 不同于 https://api.app.com 我在 Firefox 上收到 CORS 错误并且数据是未发货。

如何设置我的 Route 53 记录以便实现我的应用程序所需的内容？ （S3 和 Beanstalk 在同一个域下？） 我对更改命名没问题 (api.app.com)，我只是不知道该怎么做:)

Answer 1

这段代码成功了：

//Enabling cors
var allowedOrigins = [
  'https://app.com', 
  'http://app.com'];
  
app.use(cors({
  origin: function(origin, callback){
    if(!origin) return callback(null, true);
    if(allowedOrigins.indexOf(origin) === -1){
      var msg = 'Forbidden!';
      return callback(new Error(msg), false);
    }
    return callback(null, true);
  }
}));