瀏覽器同步 - 代理域獲取 HTTP 錯誤 403 - 您無權查看此頁面

Question

我使用 NodeJS 模塊 browser-sync 運行 gulp 任務，如下所示。

=== 文件 gulpfile.js ===

 let browserSync = require('browser-sync').create(); gulp.task('browser-sync', function(){ browserSync.init( { open: true, injectChanges: true, proxy: 'https://generalgulp.devsunset', host: '192.168.1.76', serveStatic: ['.'], https: { key: 'C:\\WebProjects\\GeneralGulp\\resources\\certificates\\server-generalgulp.key', cert: 'C:\\WebProjects\\GeneralGulp\\resources\\certificates\\server-generalgulp.crt' } }); });

=== ===

我的本地項目信息如下（我使用最新到當前發布日期）：

• 節點版本：17.1.0
• NPM 版本：8.1.3
• gulp：4.0.2
• NPM 模塊瀏覽器同步：2.27.7

我運行瀏覽器同步任務。 output 看起來不錯。

==>

使用 gulpfile C:\WebProjects\GeneralGulp\gulpfile.js

[Browsersync] 開始“瀏覽器同步”...

[Browsersync] 代理： https://generalgulp.devsunset

訪問網址：

---

本地：https://localhost:3000

外部： https://192.168.1.76:3000

---

用戶界面：http://localhost:3001

UI 外部：http://localhost:3001

---

==>

• 我已經將此域的 SSL 證書添加到受信任的根。 我也有 DNS 記錄指向該域（ https://generalgulp.devsunset ） - IP 地址（127.0.1.7 & 6）

我可以從本地和外部地址訪問該站點。

但是，當我嘗試使用代理域（ https://generalgulp.devsunset ）訪問本地資源時，它會得到 HTTP 403：

對 <my_custom_domain> 的訪問被拒絕。 您無權查看此頁面

我想在運行我的 gulp “瀏覽器同步”任務時，它會將自定義域轉換為 https://localhost:3000 或https ://300D807BADE5Z://3。

我完全按照https://browsersync.io/docs的文檔。 我也嘗試了所有我能找到的解決方案。 這些解決方案將我引向了我在開始時編寫的 gulp 任務。

如果您能建議我進一步解決為什么我的瀏覽器同步無法“代理”我的域，我將不勝感激？ 我的 Gulp 任務中是否缺少任何參數？

謝謝 ！

Answer 1

我已經修改了“代理”參數，如下所示，當我使用給定端口訪問代理域時它可以工作：（對於我的情況是 http(s)://generalgulp.devsunset:3000 ）

`gulp.task('browser-sync', function(){
browserSync.init( {
    open: true,
    injectChanges: true,
    proxy: 'generalgulp.devsunset',
    host: '192.168.1.76',
    serveStatic: ['.'],
    https: {
        key: 'C:\\WebProjects\\GeneralGulp\\resources\\certificates\\server-generalgulp.key',
        cert: 'C:\\WebProjects\\GeneralGulp\\resources\\certificates\\server-generalgulp.crt'
    }
});

}); `

這是關於當前問題 scope 的臨時可接受的解決方案。

但是，我期望瀏覽器同步會將流量從自定義域（ http(s)://generalgulp.devsunset ）自動轉發到：（ http://192.168.1.76:3000 ）。

瀏覽器同步是否允許用戶這樣做？