почему прокси не работает при использовании с webpack

Question

У меня сервер node.js, который прослушивает 3300. Все нормально с почтальоном.У меня есть приложение реагирования, созданное с использованием create-реакции-приложения, прослушивающего 3000, и package.json с утверждением «proxy»: «http://localhost:3300". Это также проверено, хорошо.

У меня есть другое приложение реагированияна той же машине, которая использует webpack и прослушивает 8080. В package.json также используется то же выражение прокси «proxy»: «http://localhost:3300".В этом случае, когда я вызываю api / api / users, мой консольный журнал сообщает

api-auth.js:5 POST http://localhost:8080/auth/signin/ 404 (Not Found)

, если я напрямую вызываю api как fetch ('http://localhost:3300/api/users')

, это не удается сОшибка CORS.

Просто чтобы быть более понятным, это неэффективное приложение реакции на самом деле загружается с http://mdbootstrap.com, в котором я добавляю форму входа для проверки работоспособности.

Можете ли выпожалуйста, помогите мне решить эту проблему?

Насколько я понимаю, просто добавив строку прокси в package.json, но как-то не работает, когда используется webpack .... Есть ли что-то, что я долженделать в вебпаке тоже?

Answer 1

Если я не ошибаюсь, { proxy } из package.json не читается webpack, webpack-dev-middleware или webpack-dev-server.Он объяснит ответ 404, который вы получаете.

Вы должны попытаться настроить { devServer.proxy }.При желании вы можете даже импортировать package.json, чтобы получить URL-адрес сервера.

Вот простой пример, когда веб-сервер передает запросы на сервер API, прослушивающий localhost:3000.

Answer 2

Для этого вам не нужен прокси-сервер, вы можете установить пакет nors "cors".https://www.npmjs.com/package/cors И используйте это у вас на сервере node.js.Вот как я использую его на моем сервере express.js.

const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());