javascript - 使用 jQuery get 方法从 express.js 取回 json 不起作用

Question

我正在尝试将一个值作为 JSON 从我的后端传递到我的应用程序的前端。我目前正在运行 express.js 并且所有发布方法的连接都是完美的。

在我的应用程序的前端单击按钮后，我想从我的服务器取回发票编号。

在前端，我使用 jQuery 的代码如下所示:

$.get("/invoiceNumber", function(data) {
  console.log(data.number);
});

在后端看起来像这样:

app.get("/invoiceNumber", function(req, res) {
  res.json({ number: 4 });
});

目前我正在通过 4 级测试。

我得到的错误是:

GET http://127.0.0.1:3000/invoiceNumber 404 (Not Found)

如果我尝试直接转到:

http://127.0.0.1:3000/invoiceNumber

我得到:

Cannot GET /invoiceNumber

Answer 1

看起来这个问题是重复的How to allow CORS?

因此您可以启用所有 cors 请求

npm install cors

你的App.js

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

app.use(cors())

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})

app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 80')
})

您可以在这里找到更多信息 https://expressjs.com/en/resources/middleware/cors.html#enable-cors-for-a-single-route