Измените порт приложения ReactJS

Чтобы изменить порт приложения ReactJS, вы можете попробовать несколько способов. Вот несколько вариантов:

  1. Метод 1. Измените файл package.json

    • Откройте файл package.json в корневом каталоге проекта.
    • Найдите раздел «Скрипты».
    • Найдите строку, которая начинается с «start» (например, «start»: «react-scripts start»).
    • Добавьте в конец строки флаг «–port», за которым следует желаемый номер порта. Например, если вы хотите использовать порт 3001, измените строку на: «start»: «react-scripts start –port 3001».
    • Сохраните изменения и перезапустите сервер разработки.

  2. Способ 2. Использование командной строки

    • Откройте терминал или командную строку.
    • Перейдите в корневой каталог проекта.
    • Выполните следующую команду: npm start --port 3001(замените «3001» на нужный номер порта).
    • Приложение React запустится на указанном порту.

  3. Способ 3. Установите переменную среды PORT

    • Откройте терминал или командную строку.
    • Перейдите в корневой каталог проекта.
    • Установите для переменной среды PORT желаемый номер порта. В системах на базе Unix вы можете использовать следующую команду: export PORT=3001(замените «3001» на нужный номер порта).
    • Запустите npm start, чтобы запустить приложение React, и оно будет использовать указанный порт.

Это несколько методов, которые вы можете использовать для изменения порта вашего приложения ReactJS. Не забудьте заменить «3001» на желаемый номер порта в приведенных выше примерах.