获取正文数据为空的帖子答案

【问题标题】：Fetch post with body data coming as empty获取正文数据为空的帖子
【发布时间】：2022-01-01 06:28:56
【问题描述】：

我正在客户端获取我当前的位置并且我正在使用 fetch。

if ('geolocation' in navigator) {
            console.log('geolocation available');
            navigator.geolocation.getCurrentPosition(async (position) => {
                console.log(position.coords.latitude, position.coords.longitude);
                let lat = position.coords.latitude;
                let lng = position.coords.longitude;
                document.getElementById('latitude').textContent = lat;
                document.getElementById('longitude').textContent = lng;
                const data = { lat, lng }
                const options = {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    data: JSON.stringify(data)
                };
                console.log(options, "options")
                let response = await fetch('/api', options)
                const datas = await response.json();
                console.log(datas, 'after fetch');
            });
        } else {
            console.log('geolocation not available')
        }

我在服务器端发帖

const express = require("express");
const app = express();

app.use(express.static('public'));
app.use(express.json({ limit: '1mb' }));
// app.use(express.urlencoded());
app.listen(3000, () => console.log('listening at 3000'))

app.post('/api', (request, response) => {
    console.log('I got a request');
    console.log(request.body,"req");
    response.json({
        status: 'success',
        latitude: request.body.lng,
        longitude: request.body.lat
    })
})

但我没有在请求正文中获取数据

listening at 3000
I got a request
{} req

请帮我解决这个问题，因为我无法调试它。

【问题讨论】：

如果你想收到一个，可能需要发送body....参见how to use fetch - fetch 不是 jquery

标签： javascript html node.js express routes

【解决方案1】：

您的控制台记录正文，因此您应该发送正文

常量选项 = { 方法：'POST'，标题：{ “内容类型”：“应用程序/json” }, 正文：JSON.stringify（数据） };

【讨论】：

是的，伙计，谢谢！形成 API 主体的愚蠢错误。

【解决方案2】：

你可能需要body-parser来处理json body

https://www.npmjs.com/package/body-parser

var express = require('express')
var bodyParser = require('body-parser');

var app = express()

app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

【讨论】：