node.js - 尝试使用普通 JS 发送请求 GET 来表达时，响应为空

Question

我想创建一个请求 GET，它使用 ajax 返回 json 数据类型

路线非常简单，如下所示:

app.get('/', function(req, res) {
    res.json({ answer: 42})
});

当我在浏览器中打开 / 时，它会呈现以下内容:

一切都好，但是我尝试使用 XMLHttpRequest vanilla JS(无 jquery)获取答案 json:

var xhr = new XMLHttpRequest();
xhr.open("GET", 'http://localhost:3000/');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.responseType = 'json'
xhr.addEventListener('load', function () {
    alert(this.response) // response is 'null'
})
xhr.send();

response 属性为 null 并且浏览器如下所示: 我什么也得不到。我在这里缺少什么？

Answer 1

我没有看到代码有任何问题，这一定是跨域问题。它从 postman 那里工作的原因是它自动处理预检。您需要像这样在 Express 服务器中启用 cors。

const express = require('express')
const app = express();
var cors = require('cors')

app.use(cors())

app.get('/', function(req, res) {
  res.json({ answer: 42})
});

app.listen(3000, () => {
  console.log("listening");
});

希望有帮助。