对节点的飞行前请求。js服务器失败,因为没有访问控制允许源标头[重复]

请求的资源上不存在“Access Control Allow Origin”标头。响应的HTTP状态代码为503。

出身背景 POST 通过Fetch API请求节点应用程序从Mongo获取数据。

问题 :虽然我没有收到 CORS 在我的本地机器上出现错误,一旦我将基本web应用程序部署到生产环境中,就会出现以下错误。使 岗位 请求节点应用程序,并给出以下信息:

这个 岗位 请求似乎确实有效,数据被保存到Mongo中,但这个错误在Heroku中被标记为“严重错误”,非常烦人。

我意识到我可以设置 no-cors 选项,但我认为这是必需的,因为我正在请求一个不同于源的url。正当

Express Node应用程序代码

在我的 app.js 我已经设置了正确的头文件,以确保其他应用程序可以从不同的来源发出请求

应用程序。js公司

// Add headers so we can make API requests
app.use(function (req, res, next) {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
    res.setHeader('Access-Control-Allow-Credentials', true);
    next();
});

路由/api/api。js公司

router.post('/users/:url/upload-csv/:csv_name', (req, res) => {
  let csv_name = req.params.csv_name;
  let csv_string = csv_name+req.body.csv_string;

  User.findOne({url: req.params.url})
    .then((user) => {
      if (user.csv_files.length === 0) {
        user.csv_files.push(csv_string);
      } else {
        let foundExistingCSV = false;
        for (var i = 0; i < user.csv_files.length; i++) {
          if (user.csv_files[i].includes(csv_name)) {
            foundExistingCSV  = true;
            user.csv_files[i] = csv_string;
            break;
          }
        }
        if (!foundExistingCSV) user.csv_files.push(csv_string);
      }
      user.markModified('csv_files');
      user.save();

      res.status(204);
    })
    .catch((err) => {
      console.log(err);
      res.status(400);
    });
});

岗位 我提出的请求

utils。js公司

utils.exportToMongo = functions(table, name) {
  var exportPlugin = table.getPlugin('exportFile');
  var csv_string   = exportPlugin.exportAsString('csv');

  // Upload the CSV string and its name to Users DB
  fetch(`${utils.fetchUserURL()}/upload-csv/${name}`, {
    method: 'POST',
    body: JSON.stringify({csv_string: csv_string}),
    headers: new Headers({
      'Content-Type': 'application/json',
      Accept: 'application/json',
    })
  }).then((res) => {
    return {};
  }).catch((error) => {
    console.log(error);
    return {};
  });
}

如何删除 503 错误如果您有任何见解,我们将不胜感激!