使用browsersync和XAMPP

Question

我使用XAMPP作为Apache服务器，如此处所述https://www.browsersync.io/docs/options#option-proxy 我在吞咽下做了以下事情：

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

但BS打开我的浏览器＆＃34; localhost：3000 / mysite.de / DEV_F3 / public_html＆＃34;这给了我一个404。 为什么它会添加端口3000，如何让它简单地工作？

Answer 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，具体取决于您的配置。

希望有所帮助

Answer 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

我希望它能帮助或指导您更好地理解。

Answer 3

尝试使用

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

这假设'mysite.de'是您网站的根目录。 据称，“在线”部分有助于提高绩效。