我的浏览器在 devtools 控制台中记录以下消息:
请求的资源上不存在“Access-Control-Allow-Origin”标头……响应的 HTTP 状态代码为 503。
背景:我有两个应用程序。一个是连接到 Mongo 数据库的 Express Node 应用程序。另一个是基本的 Web 应用程序,它POST
通过 Fetch API 向 Node 应用程序发出请求,以从 Mongo 获取数据。
问题:虽然我CORS
在本地机器上没有收到任何错误,但一旦我将基本 Web 应用程序部署到生产环境,我就会收到以下错误消息。POST
向 Node 应用程序发出请求并给我以下信息的 Web 应用程序:
该POST
请求似乎确实有效,并且数据已保存到 Mongo 中,但此错误在 Heroku 中被标记为“严重错误”并且非常烦人。
我意识到我可以no-cors
在 Fetch 中设置该选项,但我相信它是必需的,因为我正在向与原点不同的 url 发出请求。对?
Express 节点应用程序代码
在我的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);
});
});
基本 Web 应用程序代码
POST
我正在提出的要求
实用程序.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
错误?任何见解将不胜感激!