如何正确configurationBrowsersync代理后端

我正在努力Browsercync(也许一些中间件?)的正确configuration?

我的configuration是这样的:

local.example.com它是通过/etc/hostsconfiguration的我的本地地址。

devel.example.com这是我们公司的开发环境(后端)。

staging.example.com这是我们公司的分段环境(后端)。

由于我是UI开发人员,我想使用本地代码,但是需要使用后端环境。

我正在使用gulp来build立我的项目等。它也有任务运行browser-sync和监视文件的变化。 但是,当然,现在有来自后端的Cookie域的问题。 CSRF令牌cookie域由浏览器设置为当前使用的后端。

我努力了:

  1. 使用中间件http-proxy-middlewareconfiguration:

     server: { baseDir: './build', middleware: [ proxyMiddleware('/api', { target: 'http://devel.example.com', changeOrigin: true, }) ] ] 

    但是我遇到的问题是,它在浏览器控制台中显示非透明的redirect。 我认为它会这样工作,代理将掩盖这些请求浏览器将认为所有请求和响应来自local.example.com 。 但它似乎不是这样工作(或者我configuration不好)。

    这个解决scheme也是一个大问题,它以某种方式将我的POST HTTP请求更改为GET (WTF ?!)。

  2. browser-sync proxy选项中使用构build。 在许多教程中,我看到使用proxy选项与server选项,但似乎不工作了。 所以我试图用serveStatic来使用它:

     serveStatic: ['./build'], proxy: { target: 'devel.example.com', cookies: { stripDomain: false } } 

    但是这根本不起作用

我会真正appriciate在这个话题的任何帮助。

谢谢