浏览器同步 + gulp:跨域 Cors 问题

Question

我正在做一个项目，我的工作区直接在远程服务器中。

到目前为止，我正在使用 src 文件中自己的 ip 加载浏览器同步客户端：

<script type='text/javascript' id="__bs_script__">//<![CDATA[
document.write("<script async src='MYIP:3000/browser-sync/browser-sync-client.1.9.2.js'></script>".replace(/HOST/g, location.hostname).replace(/PORT/g, location.port));//]]></script>

但是我遇到了跨源请求问题。

知道如何配置我的咕噜咕噜吗？

  browserSync({files: [constants.CSS_FOLDER+"/**/*.css"]});

谢谢！

Answer 1

我不确定我是否完全理解您要做什么，但是您可以在BrowserSync中添加中间件，在那里您可以添加所需的任何标头。

它将看起来像这样：

browserSync({
    server: {
        baseDir: './build',
        middleware: function (req, res, next) {
            res.setHeader('Access-Control-Allow-Origin', '*');
            next();
        }
    }
});