Использование browsersync с XAMPP

#gulp #xampp #browser-sync

#глоток #xampp #браузер-синхронизация

Вопрос:

Я использую XAMPP в качестве сервера Apache и, как описано здесь https://www.browsersync.io/docs/options#option-proxy я делаю следующее залпом:

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

Но BS открывает мой браузер по адресу «localhost:3000/mysite.de/DEV_F3/public_html», что дает мне 404.
Почему он добавляет этот порт 3000 и как мне заставить это просто работать?

Ответ №1:

Для вашего файла gulp.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:xamppapacheconfextra -> httpd-vhosts.conf
C:WindowsSystem32driversetc -> 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  

Я надеюсь, что это помогло или направило вас к большему пониманию.

Комментарии:

1. Это помогло мне, спасибо. Одна небольшая опечатка в «Каталогах»: C:WindowsSystem32driversetc -> хосты

2. возможно, решение почти закрыто, но у меня есть проблема. Он просто загружается все время и никогда ничего не выполняет.

Ответ №3:

Попробуйте использовать

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

Это предполагает, что ‘mysite.de’ — это корневой каталог вашего сайта.
Предположительно, «онлайн» часть помогает повысить производительность.