使用browsersync與XAMPP

Question

我使用XAMPP作爲Apache服務器和這裏https://www.browsersync.io/docs/options#option-proxy 描述我做一飲而盡如下：

browserSync.init({ 
    proxy: "localhost/mysite.de/DEV_F3/public_html", 
}); 

但BS在「打開我的瀏覽器本地主機：3000/mysite.de/DEV_F3/public_html「，它給了我一個404. 它爲什麼添加端口3000，我怎麼得到這個只是工作？

Answer 1

使用

browserSync.init({ 
    proxy: "localhost/mysite.de" 
    online: true 
}); 

這是假設「mysite.de」是你的網站的根目錄嘗試。 '在線'部分據說有助於提升性能。

Answer 2

爲了您gulpfile.js您可以更改以下行包括您的XAMPP端口：

browserSync.init({ 
    proxy: "localhost/mysite.de/DEV_F3/public_html", 
    port: 8000 
}); 

使吞掉髮起時，它會在瀏覽器中運行

localhost:8000/mysite.de/DEV_F3/public_html代替

localhost:3000/mysite.de/DEV_F3/public_html

否te：端口是8000或8080，具體取決於您的配置。

希望它可以幫助

Answer 3

檢查XAMPP端口，因爲如果由於某種原因，你已經改變了默認的XAMPP端口，你需要把你的XAMPP的新端口。如果您使用Windows操作系統，您可以檢查的另一部分也是您的虛擬主機和主機。

目錄：

C:\xampp\apache\conf\extra -> httpd-vhosts.conf 
 
C:\Windows\System32\drivers\etc -> hots

檢查這些設置後，您可以使用browsersync官方文檔以下。

來吧，去你的gulpfile。JS

browserSync.init({ 
 
    proxy: "localhost:8080/mysite.de/DEV_F3/public_html", 
 
});

當運行在終端上你，你會對你的瀏覽器

gulp watch

位置。此回報：

Local:http://localhost:3000/mysite.de/DEV_F3/public_html

我希望它幫助或定向你更深入的瞭解。