使用post方法通过fetch发送数据返回一个空对象

Question

这是addEventListener对于click事件的函数

export const showTicket = async function() {
try {
// GETTING USER DATA
const response = await fetch("/api/v1/users/me");
const data = await response.json();

//
const user = data.data.data;

// CREATING VISITOR 
const visitor = {
VisitorNumber: user.visitorId,
FirstName: user.firstName,
LastName: user.lastName,
Company: user.company,
JobTitle: user.profile,
Email: user.email,
Mobile: user.mobile,
Nationality: user.nationality,
Country: user.country,
Category: user.type,
};
// SENDING VISITOR OBJECT TO ANOTHER API
const url = "/api/v1/eticket/visitor";
const options = {
method: "POST",
header: {
"Content-Type": "application/json",
},
body: JSON.stringify(visitor),
};
if (!user.eventId) {
const response1 = await fetch(url, options);
const data1 = await response1.json();
}
const ticketMarkup = `<div class="ticket">
<div class="ticket__logo"> <img src="/images/vp-expo-logo.png"> </div>
<div class="ticket__data">
<p>Your ticket is ready to be printed</p>
</div>
<button class="btn ticket__print-ticket" data-visitor-id=${user.visitorId}> Print Ticket </button>
<button class="btn update-data"> Update Data </button>
</div>
`;
showPopup(ticketMarkup);
} catch (err) {
console.log(err);
}
};

所以首先我从api '/api/v1/users/me'中获取用户详细信息，这是正常工作的，我能够检索数据，然后我使用用户属性创建一个变量'Visitor'。

然后我必须将访问者变量作为主体发送给另一个api ('/api/v1/eticket/visitor')，以便它可以接收作为req.body

的主体但是在'/api/v1/eticket/visitor'上，要求Body显示为空对象。

这是这个接收api的控制器的开头部分('/api/v1/eticket/visitor')

exports.addOneVisitor = async function(req, res, next) {
try {
const visitor = req.body;
console.log(req.body);

请告诉我哪里做错了?

Answer 1

史上最愚蠢的错误!但我一直在重复我回答自己的问题是为了提醒自己(以及那些经常犯同样错误的人!)。

它是headers，而不是header当你写一个获取请求的选项部分。

希望这能帮助人们不要因为一个失踪的"s"而失去生命的两天