BrowserSync 代理与 Gulp、MAMP、Foundation 和 Craft CMS答案

【问题标题】：BrowserSync proxy with Gulp, MAMP, Foundation and Craft CMSBrowserSync 代理与 Gulp、MAMP、Foundation 和 Craft CMS
【发布时间】：2024-04-27 21:30:02
【问题描述】：

类似的问题已被问过几次，但没有一个答案对我有用。我正在尝试使用 localhost:8888 的代理设置 BrowserSync。我的 gulpfile 来自 Foundation Framework ZURB 模板。

gulpfile.babel.js

import gulp          from 'gulp';
import browser       from 'browser-sync';

// Other Gulp functions

function server(done) {
  browser.init({
    proxy: 'localhost:8888'
  }, done);
}

function reload(done) {
  browser.reload();
  done();
}

function watch() {
  gulp.watch(PATHS.assets, copy);
  gulp.watch('templates/**/*.html').on('all', gulp.series(browser.reload));
  // Other gulp tasks
}

运行 Gulp 显示 BrowserSync 正在代理：

[Browsersync] Proxying: http://localhost:8888
[Browsersync] Access URLs:
 -----------------------------------
       Local: http://localhost:3000
    External: http://10.0.0.113:3000
 -----------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001

我试过 http://localhost:8888 和 127.0.0.1:8888，没有帮助。我的文件结构：

gulpfile.babel.js
/src (asset source)
/web (dist location)
/templates (Craft CMS templates, all .html files)

Gulp 中的其他一切都运行顺利，我只是无法让代理重新加载或注入样式。

【问题讨论】：

标签： gulp browser-sync

【解决方案1】：

现在正在对服务器功能进行此更新：

function server(done) {
  browser.init({
    port: '8890',
    proxy: 'localhost:8888',
    reloadOnRestart: true
  }, done);
}

转到localhost:8890 和中提琴！

【讨论】：