Порт сервера в Vite

Порт сервера задают полем server.port, и страница открывается уже не на 5173.

По умолчанию Vite слушает порт 5173. Если он занят другой программой или нужен запоминающийся номер, порт меняют в файле настройки. Значение пишут числом внутри блока server.

Укажем порт 5174 в конфигурации проекта:

import { defineConfig } from 'vite'

export default defineConfig({
  server: {
    port: 5174,
  },
})

Поднимем сервер разработки и посмотрим, какой адрес напечатает терминал:

npm run dev

В строке браузера будет хост localhost и порт 5174, а на странице - слово hello из модуля src/main.js.

Настройте сервер разработки на порт 5192 и откройте страницу по адресу с этим номером.

Откройте страницу по новому адресу и убедитесь, что слово на ней совпадает со словом в модуле.