Введение в сервер в Vite

Сервер разработки умеет не только отдавать страницу: он проксирует запросы, открывается в сети и включает HTTPS.

По умолчанию браузер ходит на http://localhost:5173, а Vite отдаёт index.html и связанные модули. Такой адрес удобен на одном компьютере, но не решает все задачи разработки. Иногда странице нужны данные с другого хоста, иногда страницу смотрят с телефона в той же Wi-Fi, иногда проверяют поведение под защищённым протоколом. Всё это настраивают в блоке server файла vite.config.js или через плагин, не меняя привычный npm run и имя скрипта dev.

Прокси связывает путь на локальном сайте с внешним адресом. Запрос из JavaScript идёт на тот же хост, что и страница, а сервер разработки пересылает его дальше. Браузер не упирается в ограничения между разными источниками, потому что для него ответ приходит с localhost. Поле server.proxy задаёт такие пары путей и целевых URL.

Доступ из сети включают полем server.host. Когда там стоит логическое true, процесс слушает не только петлевой интерфейс, и в терминале появляется адрес в локальной сети. По нему откроют ту же страницу с другого устройства, если файрвол не блокирует порт 5173.

HTTPS на машине разработчика обычно подключают плагином @vitejs/plugin-basic-ssl. Он выдаёт самодельный сертификат для localhost, и страница открывается по https://localhost:5173. Браузер предупредит о недоверенном сертификате: это нормально для локальной проверки, без настоящего домена. Отдельное поле server.https само по себе такой сертификат не создаёт; в учебных примерах используют именно плагин.

Каждый приём можно включать по отдельности в одном проекте. Прокси не мешает обычной отдаче модулей, сетевой адрес не отменяет локальный, а HTTPS не заменяет сборку для выкладки на хостинг. Имеет смысл перезапускать сервер разработки после правок vite.config.js, чтобы новые значения точно подхватились.