Платформа Разработка приложений на основе JavaScript, а именно React, постоянно распространяет свое очарование в мировой ИТ-индустрии, оказывая потрясающую помощь национальному и международному сообществу разработчиков веб-приложений в разработке и разработке элегантного и многофункционального бизнеса, расширяющего возможности мобильных устройств. применение. Хотя, с одной стороны, эта платформа для разработки приложений становится все более популярной, с другой стороны, некоторые разработчики все еще чувствуют себя немного запутанными, чтобы добавить в приложение несколько основных и второстепенных функций, таких как запуск и развертывание реагирующего приложения в подкаталог. . Следовательно, в качестве решения этого, здесь мы описываем пошаговую процедуру для этого:
Установить базовое имя
При разработке приложения с использованием платформы реагирования нам необходимо установить атрибут basename на маршрутизаторе реагирования, чтобы сообщить маршрутизатору, что приложение будет обслуживаться из подкаталога.
‹Базовое имя маршрутизатора={‘/directory-name’}›
‹Route path=’/’ component={Home} /›
{/* … */}
‹/Router›
Создайте главную страницу приложения
В приложении папка проверяет файл с именем Package.json, который является свойством, называемым домашней страницей. Теперь запустите команду сборки npm run, которая появляется в пакете библиотеки реагирования как create-react-app. Чтобы убедиться, что созданная сборка указывает на правильное место, нам нужно использовать это свойство.
«домашняя страница»: «https://myapp.com/directory-name,
Обновить маршруты
Для установки значений в свойстве домашней страницы вы также можете использовать JSX. Эти значения могут быть представлены в виде переменной во время сборки как process.env.PUBLIC_URL.
Для лучшего примера обновите маршруты в приложении, чтобы использовать подкаталог создания приложения, сделав упомянутые изменения в нем:
‹Базовое имя маршрутизатора={'/subdirectory'}›
‹Путь маршрута={`${process.env.PUBLIC_URL}/`} компонент={Home} /›
‹Путь маршрута={`$ {process.env.PUBLIC_URL}/news`} component={Новости} /›
‹Route path={`${process.env.PUBLIC_URL}/about`} component={О программе} /›
‹/Роутер›
После успешного завершения всех изменений мы получим домашний экран со свежей сборкой и процессом развертывания.
Обновите ссылки
Теперь пришло время добавить в приложение некоторые компоненты ссылок, чтобы пользователь мог легко переходить со страницы на страницу в приложении. Этот процесс также требует процесса, аналогичного компоненту маршрута.
‹Link to={`${process.env.PUBLIC_URL}/page-path`}›…‹/Link›
После внесения всех изменений в реагирующее приложение мы сможем запустить сборку npm run еще раз, чтобы развернуть все изменения на облачном сервере, так как при этом приложение может успешно работать без указания какой-либо ошибки.
Inwizards — это ИТ-компания из Техаса, в которой работает команда рок-звезд для разработки веб-приложений. Каждый член команды здесь обладает высокой квалификацией и отлично разбирается в соответствующих технологических платформах.
Свяжитесь с нами: Лучшая компания по разработке React Native и React js во Фриско, штат Техас, США
