由于 CORS 问题，AJAX POST 未使用 body-parser 向 express.js 服务器发送请求（已解决）

Question

我正在尝试从在 apache 服务器上运行的 html 页面发出 AJAX POST 请求。 该请求需要将文件名发布到 express.js 服务器并与另一个节点一起使用它做一些事情。 我还安装了 body-parser 节点。

我错过了什么？ 服务器工作正常，当我在浏览器中测试它时，它会返回一些信息。 我的节点快递服务器似乎没有收到我的 ajax 呼叫。 几天来，我一直在阅读并尝试在此网站上发布有关此主题的几篇文章。

我在 html 页面的脚本部分中的代码

 function ImportFIT() { var data = {"fname":"test"}; $.ajax({ url: 'http://localhost:8000/FileName', type: 'POST', contentType: "application/json", data: JSON.stringify(data), success: function(result) { alert('success'); }, error: function (xmlHttpRequest, textStatus, errorThrown) { alert("error"); } }); }

以及 node.js 中的代码

 var express = require('express'); var path = require('path'); var app = express(); var bodyParser = require('body-parser'); const port = 8000 app.use(bodyParser.json()); app.post('/FileName', function (req, res) { console.log(req.body.fname); }) app.listen(port, () => { console.log(`FIT app listening at http://localhost:${port}`) })

Answer 1

您真的确定这不是 CORS 问题吗？ 您没有在快速服务器上处理 get 请求，因此它可能位于无法访问快速服务器的不同服务器/文件中。 使用CTRL-SHIFT-I检查并查看控制台是否有任何错误。 如果出现错误，请查看它是否类似于： https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors#identifying_the_issue 。
如果是这样，那么您可以通过将 NodeJS 代码更改为来禁用 CORS

var express = require('express');
var path = require('path');
var app = express();
var cors = require("cors");
var bodyParser = require('body-parser');
const port = 8000

app.use(bodyParser.json());
app.use(cors());
app.post('/FileName', function(req, res) {
  console.log("worked");
  console.log(req.body.fname);
  res.send();
})

app.listen(port, () => {
  console.log(`FIT app listening at http://localhost:${port}`)
})

相应地安装cors模块。 如果您没有看到与发布的链接中的错误类似的错误，您可能会看到类似“$ 未定义”的错误，这意味着您的页面上未加载 Jquery，或者只是持有 ZA34A6659BCEAE779F2818 的 function 请求可能不会被称为.