无法在服务器日志中显示 request.body？

Question

我是Node的新手，似乎无法完成我的请求。我只是尝试通过将客户端的位置发送到服务器并将其显示到服务器日志中来创建服务器和客户端之间的基本握手。我不确定为什么我不能将数据显示到日志中。

index.js

const express = require('express');
const app = express();
app.listen(8080, () => console.log('listening at 8080'));
app.use(express.static('public'));
app.use(express.json({limit: '1mb'}));
app.post('/api',(request,response) => {
    console.log('I got a request!');
console.log(request.body);
});

index.html

 <script>
        if('geolocation' in navigator) {
            console.log('geolocation is avaliable');
            navigator.geolocation.getCurrentPosition(async position => {
                const lat = position.coords.latitude;
                const lon = position.coords.longitude;
                console.log(lat,lon);
                document.getElementById('latitude').textContent = lat;
                document.getElementById('longitude').textContent = lon;
                const data = {lat, lon};
                const options = {
                    method: 'POST',
                    header:{
                        'Content-Type':'application/json'
                    },
                    body: JSON.stringify(data)
                };
                fetch('/api',options);
            });
        } else{
            console.log('geolocation is not avaliable');
        }
    </script>

有些事情要注意。该请求似乎确实完成了，并且在开发人员控制台中没有显示错误。

服务器信息： - [Nodemon]由于更改而重新启动...

- [nodemon]启动节点index.js

- 在8080

处呈现

- 我有一个请求！

- {}

Answer 1

将以下内容添加到您的index.js：

npm i -S body-parser

// Takes the raw requests and turns them into usable properties on req.body
const bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
  extended: true
}));

app.post('/api', (request, response) => {
  console.log('I got a request!');
  console.log(JSON.stringify(request.body));
});

Answer 2

在您的index.js

中尝试以下代码

    const express = require('express')
const app = express();
const bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use((req, res, next) => {
    res.header("Access-Control-Allow-Origin", "*")
    res.header(
        "Access-Control-Allow-Headers",
        "Origin, X-Requested-With, Content-Type, Accept, Authorization"
    );
    if (req.method === 'OPTIONS') {
        res.header('Access-Control-Allow-Methods', 'PUT, POST, PATCH, DELETE, GET')
    }
    next();
});