如何部署我的 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);
  }
}));