将 browsersync 与 XAMPP 一起使用答案

【问题标题】：Using browsersync with XAMPP将 browsersync 与 XAMPP 一起使用
【发布时间】：2016-10-06 13:19:55
【问题描述】：

我使用 XAMPP 作为 Apache 服务器，如此处所述https://www.browsersync.io/docs/options#option-proxy 我在 gulp 中执行以下操作：

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

但是 BS 在“localhost:3000/mysite.de/DEV_F3/public_html”打开我的浏览器，这给了我 404。为什么它会添加该端口 3000，我该如何让它简单地工作？

【问题讨论】：

【解决方案1】：

对于您的 gulpfile.js，您可以更改以下行以包含您的 XAMPP 端口：

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

这样当 gulp 启动时，它就会运行

localhost:8000/mysite.de/DEV_F3/public_html 在浏览器中而不是

localhost:3000/mysite.de/DEV_F3/public_html

注意：端口是 8000 或 8080，具体取决于您的配置。

希望对你有帮助

【讨论】：

【解决方案2】：

检查您的 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

我希望它对您有所帮助或引导您加深了解。

【讨论】：

【解决方案3】：

尝试使用

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

这是假设“mysite.de”是您网站的根目录。据说“在线”部分有助于提高性能。

【讨论】：