Возвращение json из express.js с использованием метода get jQuery не работает

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

похоже, что этот вопрос дублируется Как разрешить CORS?

Таким образом, вы можете разрешить все запросы cors с помощью

npm install cors

вашего приложения.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

Answer 2

Похоже, вам нужно указать, где запущен ваш сервер:

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

, если ваше экспресс-приложение работает на порту 3000, измените ваш интерфейс на следующее:

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