我正在开发一个项目,我的工作区直接位于远程服务器中.

到目前为止,我在src文件中使用自己的ip加载browser-sync-client：

<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>

但我遇到了跨源请求问题.

知道如何配置我的gulp吗？

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

谢谢 ！

解决方法:

我不确定我是否完全理解你想要做什么,但你可以在BrowserSync中添加一个中间件,你可以在那里添加你想要的任何标题.

它看起来像这样：

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