Question

背景：我有两个应用。一个是连接到Mongo数据库的Express Node应用程序。另一个是基本的Web应用程序，它通过Fetch API向Node应用程序发出POST请求，以从Mongo获取数据。

问题：发出POST次请求后，我在基本的Web应用程序控制台中收到以下错误消息。但是，在我的Heroku控制台中，它指出503错误是H12 - Request Timeout。

无法加载提取（节点应用网址）。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问Origin（基本Web应用程序URL）。响应具有HTTP状态代码503.如果不透明响应满足您的需要，请将请求的模式设置为“no-cors”以获取禁用CORS的资源。

POST请求似乎确实有效并且数据已保存到Mongo中，但此错误在Heroku中被标记为“严重错误”并且非常烦人。

快速节点应用代码

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

app.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);
    });
});

基本网络应用代码

POST请求我正在制作

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错误？似乎我需要在Express应用程序中添加到POST请求以处理请求超时。有任何想法吗？谢谢！

Answer 1

您可以尝试添加return并将status更改为sendStatus吗？

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;

  return 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();

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

节点JS发布请求结果Heroku严重错误请求超时（503）

1 个答案: