点播.在服务器上发送数据时，主体为空，在本地工作

Question

我试图将数据发送到index.js，在本地主机它的工作正常，但当我部署到我的服务器它不工作。我看到问题似乎相似:在这里。但这对我来说不是工作

client.js:发送数据到index.js/subscribeA

await fetch("https://example.com:30000/subscribeA", {
method: "post",
body: JSON.stringify({ dataSubscribe: subscription, dataNotif: dataNotif}),
headers: {
"Content-Type": "application/json"
},
mode : 'no-cors'
});
console.log("Push Sent...");
}

then inindex.js:

var express = require('express');
const port = process.env.PORT || 30000;
const app = express();
const http = require('http');
const https = require('https');
const fs = require('fs');
var server = http.createServer(app);
const privateKey = fs.readFileSync('/etc/letsencrypt/live/example.com/privkey.pem', 'utf8');
const certificate = fs.readFileSync('/etc/letsencrypt/live/example.com/cert.pem', 'utf8');
const credintials = { key: privateKey, cert: certificate };
server = https.createServer(credintials, app);
server.listen(port, () => console.log(`Server started on port ${port}`));
const io = require("socket.io")(server, {
// allowEIO3 = true,
cors: {
credentials:true,
origin: '*',
methods: ["GET", "POST"]
}
})
const webpush = require("web-push");
const bodyParser = require("body-parser");
const path = require("path");
// Set static path
app.use(express.static(path.join(__dirname)));
app.use(bodyParser.json());
const publicVapidKey =
"BJthRQ5maDga7OSXsPC1ftGw-n16F7zQBEN7EUD6XxcfTTvrLGWSIG7y_JxiWtVlCFua0S8MTB5rPziBqNx1qIo";
const privateVapidKey = "3KsvdasAdSoCdsd0dIG_o9B0Ozvl1XDwI63JRKNIWBM";
webpush.setVapidDetails(
"mailto:[e-mail]",
publicVapidKey,
privateVapidKey
);
// Subscribe Route
app.post("/subscribeA", (req, res) => {
console.log(req.body);
// Get pushSubscription object
// console.log(req.body.dataSubscribe);
const subscription = req.body.dataSubscribe;
const dataNotif = req.body.dataNotif;
if(dataNotif == null){
console.log('kosong rek');
}else{
console.log(dataNotif);
}
// Send 201 - resource created
res.status(201).json({});
// Create payload
const payload = JSON.stringify({ head: "yobro", content: "kontennnya bro"});
// Pass object into sendNotification
webpush
.sendNotification(subscription, payload)
.catch(err => console.error(err));
});
io.on('connection', function (socket) {
socket.on('notifikasi', function (data) {
io.sockets.emit('notifikasi', {
isi_notif: data.isi_notif});
});
});

请求负载

{dataSubscribe: {,…}, dataNotif: {head: "@username", content: "yo"}}
dataNotif: {head: "@username", content: "yo"}
dataSubscribe: {,…}

所以，它正确地发送数据，但是在index.js中，当我使用console.log(req.body)时，它返回空数组{}。

Answer 1

在fetch()中使用no-cors意味着内容类型只能是以下一种:"application/x-www-form-urlencoded"、"multipart/form-data"或"text/plain"(这里有更多的解释)。因此，您的"application/json"是不允许的，因此服务器不能正确读取/解析正文。

no-cors只允许简单的头，你可以在这里阅读。

你将不得不停止使用no-cors与您的获取使用JSON或更改内容使用允许的内容类型之一。

---

仅供参考，在这种情况下，注销传入请求的重要预期方面通常是有帮助的。在这种情况下，您可以记录content-type，看看您得到了什么。你也可以在Chrome调试器的网络选项卡中查看从浏览器发送的请求。两者都可能显示与内容类型相关的内容。