CRA 2.0 Как настроить прокси в React?

Question

В CRA 2.0 свойство proxy для package.json не работает.После некоторых исследований я наткнулся на статью, в которой предлагалось использовать http-proxy-middleware.Я создал setupProxy.js в src моей клиентской папки (сторона React).Это содержит следующий код

const proxy = require("http-proxy-middleware");
module.exports = function(app) {
  console.log("Setup proxy is ever called");
  app.use(proxy("/api/auth/google", { target: "http://localhost:5000/" }));
};

Что я должен делать после этого.Куда мне импортировать файл setupProxy.js.Откуда он получит app.

Answer 1

Значение proxy в package.json по-прежнему работает в CRA 2, но теперь оно принимает только строку, более сложные параметры прокси должны быть введены в src/setupProxy.js, как и вы.Но будьте осторожны, если вы оставите свойство proxy в package.json, CRA будет использовать его и проигнорирует ваш setupProxy.js файл.

Вам не нужно никуда импортировать setupProxy.js, CRA найдет егоПока он находится в src.

Не беспокойтесь о том, откуда взялась app, эта переменная будет предоставлена ​​во время выполнения.

Ваш пример будет работать, я пробовалэто (до тех пор, пока вы удаляете старую строку прокси из package.json).Но console.log не будет зарегистрирован в терминале (я не уверен почему).

Дальнейшее чтение, PR, где было внесено это изменение: https://github.com/facebook/create-react-app/pull/5073