Сервер Webpack dev: как перенаправить порт localhost на URL-адрес другого порта

Question

Привет всем! Я пытаюсь интегрировать проект React в проект AngularJS, чтобы мы могли постепенно переносить код с AngularJS на React.

Когда я запускаю npm run start:

• запускается экземпляр AngularJS и указывает на localhost: 9001
• Запускается экземпляр React и указывает на localhost: 8001

Моя конечная цель - иметь возможность встраивать разделы приложения ReactJS в приложение AngularJS через фреймы. Прямо сейчас я мог бы сделать это, поставив http://localhost:8001/some-route в качестве источника iframe. Но было бы здорово, если бы я мог просто сделать /react/some-route. Интересно, есть ли способ настроить сервер webpack dev для перенаправления всех запросов с http://localhost:8001 на http://localhost:9001/react

Большое спасибо за помощь.

Answer 1

Существует довольно простой способ настроить webpack:

devServer.proxy

https://webpack.js.org/configuration/dev-server/#devserverproxy

module.exports = {
  devServer: {
    proxy: {
      '/api': 'http://localhost:3000'
    }
  }
};

(я не Я даже не думаю, что это требует дополнительных объяснений.)