为什么REQ.BODY始终为空?

时间:2020-03-31 07:30:49

标签: node.js ajax api express

我知道已经有很多答案被标记为有效的解决方案,但是对于我而言,我无法使其正常工作,因此请不要将其标记为已回答,这是我的情况:

AJAX客户端

var data ={};
data.test="ciaozio";
$.ajax({
    url: 'http://localhost:5000/dir',
    method: "POST",
    contentType: "application/json",
    data: JSON.stringify(data),
    header: "Access-Control-Allow-Origin",
    success: function(data){
        console.log(data);
    },
    error: function(data) {
        console.log("error");
    }
});

NODEJS服务器端

var express = require('express');
var bodyParser = require('body-parser');
var app = express();
var router = express.Router();
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies
app.use(bodyParser.json()); // support json encoded bodies
app.use('/', router);

app.post('/dir', function (req, res) {
  console.log(req.body);
  res.end("Ok");
})

var server = app.listen(5000, function () {
   var host = server.address().address
   var port = server.address().port
   console.log("Example app listening at http://%s:%s", host, port)
})

控制台输出

Example app listening at http://:::5000
{}

客户端控制台输出

Access to XMLHttpRequest at 'http://localhost:5000/dir' from origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
index.js:29 error
jquery-3.4.1.min.js:2 POST http://localhost:5000/dir net::ERR_FAILED

1 个答案:

答案 0 :(得分:1)

您需要为请求添加并配置 CORS

步骤:

1。安装cors npm软件包

npm install cors

2。节点服务器端摘要

 var express = require('express')
 var cors = require('cors')
 var app = express()
 app.use(cors())
 //app.use(...) lines;

// app.post(..) lines;