如何正确configurationBrowsersync代理后端
我正在努力Browsercync(也许一些中间件?)的正确configuration?
我的configuration是这样的:
local.example.com
它是通过/etc/hosts
configuration的我的本地地址。
devel.example.com
这是我们公司的开发环境(后端)。
staging.example.com
这是我们公司的分段环境(后端)。
由于我是UI开发人员,我想使用本地代码,但是需要使用后端环境。
我正在使用gulp
来build立我的项目等。它也有任务运行browser-sync
和监视文件的变化。 但是,当然,现在有来自后端的Cookie域的问题。 CSRF令牌cookie域由浏览器设置为当前使用的后端。
我努力了:
-
使用中间件
http-proxy-middleware
configuration:server: { baseDir: './build', middleware: [ proxyMiddleware('/api', { target: 'http://devel.example.com', changeOrigin: true, }) ] ]
但是我遇到的问题是,它在浏览器控制台中显示非透明的redirect。 我认为它会这样工作,代理将掩盖这些请求浏览器将认为所有请求和响应来自
local.example.com
。 但它似乎不是这样工作(或者我configuration不好)。这个解决scheme也是一个大问题,它以某种方式将我的
POST
HTTP请求更改为GET
(WTF ?!)。 -
在
browser-sync
proxy
选项中使用构build。 在许多教程中,我看到使用proxy
选项与server
选项,但似乎不工作了。 所以我试图用serveStatic
来使用它:serveStatic: ['./build'], proxy: { target: 'devel.example.com', cookies: { stripDomain: false } }
但是这根本不起作用
我会真正appriciate在这个话题的任何帮助。
谢谢