Как правильно проксировать запросы в browser-sync на другой хост?

Question

[d-virt]

Здравствуйте!

Имеется настройка в dev режиме (если что более детальнее по ссылке):

import browserSync from 'browser-sync';
import historyApiFallback from 'connect-history-api-fallback';
import webpack from 'webpack';
import webpackDevMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';
import proxy from 'http-proxy-middleware';
import config from '../webpack.config.dev';

const bundler = webpack(config);

browserSync({

  server: {
    baseDir: 'src',
    middleware: [
      historyApiFallback(),

      webpackDevMiddleware(bundler, {
        publicPath: config.output.publicPath,

        noInfo: false,
        quiet: false,
        stats: {
          assets: false,
          colors: true,
          version: false,
          hash: false,
          timings: false,
          chunks: false,
          chunkModules: false
        },
      }),

      webpackHotMiddleware(bundler),

      proxy('**', {target: 'http://mysite.loc'})
    ]
  },

  files: [
    'src/*.html'
  ]
});

В приложение использую isomorphic-fetch.

При компиляции имеем хост:

[BS] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://192.168.56.1:3000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.56.1:3001
 -------------------------------------

Из браузера отправляем запрос isomorphic-fetch на хост localhost:3000 , тем самым данный хост прокрисровал данный запрос на хост mysite.loc и возвращался ответ в браузер.

К сожалению, я запутался и не могу понять.
Уточните, пожалуйста, куда и что нужно вписать настройки для проксирование запроса
и целесообразно ли использовать http-proxy-middleware (т.е. подходит ли данная либа, для данной задачи).

Спасибо!

Answer 1

[d-virt]

Печальная каша в мире сборке форнта.

Из-за того, что proxy('**', {target: 'http://mysite.loc'}) стоял последним в массиве, то ни черта ни чего не работало.

Собственно переместил данный мидлваре в начало массива и вуаляля, всё работает.

middleware: [

      proxy('**', {target: 'http://mysite.loc'})
      historyApiFallback(),

      webpackDevMiddleware(bundler, {
        publicPath: config.output.publicPath,

        noInfo: false,
        quiet: false,
        stats: {
          assets: false,
          colors: true,
          version: false,
          hash: false,
          timings: false,
          chunks: false,
          chunkModules: false
        },
      }),

      webpackHotMiddleware(bundler),
    ]