Как я могу развернуть свое приложение React в качестве подпапки на моем личном веб-сайте с помощью cpanel

Я хотел бы развернуть свое приложение для реагирования на свой личный веб-сайт. В настоящее время он развернут на героку и связан с моим личным сайтом. Но я хотел бы исключить героку из уравнения и иметь все на своем сайте. Всякий раз, когда я пытаюсь развернуть его, я загружаю файлы сборки в свой файловый менеджер public_html. Но когда я пытаюсь открыть его, все, что я получаю, это пустая страница. У меня есть свои ванильные JS-проекты.

Мой вопрос заключается в том, как мне развернуть свое реагирующее приложение через cpanel на мой существующий сайт.

Я уже прочитал некоторые страницы стека и попробовал выполнить сборку npm run и опубликовать zip-файлы, а также обычные файлы в моем файловом менеджере cpanel. Но это только дает мне пустую страницу. Когда я открываю инструменты разработчика для пустой страницы, я вижу, что это html-файл, который мне нужен, но в нем есть ссылки на мои файлы сборки, но он просто не запускает их по какой-то причине. Консоль выдает мне ошибку «Не удалось загрузить ресурс: сервер ответил со статусом 404 ()». Я также пытался изменить пункт назначения домашней страницы.

Я считаю, что мне просто не хватает чего-то действительно простого, потому что мне трудно найти какую-либо помощь в этом. Я относительно новичок в реагировании и развертывании реагирующих приложений, поэтому, если кто-то может мне помочь, я был бы очень благодарен.

Я не знаю, неправильно ли я загружаю файлы в свой файловый менеджер в cpanel или делаю что-то не так с npm run build.

Мой репозиторий git находится здесь https://github.com/brandondorner/4-Day-Forecast-Weather-App

Спасибо.


person BrandonD    schedule 20.08.2019    source источник
comment
Когда вы открываете пустую страницу, вы получаете какие-либо сообщения об ошибках в инструментах разработки браузера? Если да, добавьте их к вопросу.   -  person Azer    schedule 21.08.2019
comment
Просто добавил ошибку. Не удалось загрузить ресурс: сервер ответил статусом 404 ()   -  person BrandonD    schedule 21.08.2019


Ответы (2)


Чтобы развернуть приложение React на своем веб-сайте, выполните следующие действия:

  1. Создайте свое приложение для реагирования, используя: npm run build
  2. Перейдите в папку приложения, затем в подпапку сборки, и вам нужно загрузить все содержимое на свой сервер в папку public_html.

Я проверил эти шаги с помощью приложения create-react-app, это обычный способ сделать это, если он не работает, попробуйте проверить ошибку из консоли браузера.

person Hizem    schedule 21.08.2019
comment
Спасибо за ответ, я получаю эту ошибку для всех моих файлов сборки. Не удалось загрузить ресурс: сервер ответил статусом 404 () - person BrandonD; 21.08.2019
comment
Статус 404 означает, что файл не найден, поэтому у вас есть проблема с вашим URL-адресом, если вы работаете на локальном хосте, например, localhost/ попробуйте удалить доменную часть, потому что вы работаете на реальном сервере. необходимо изменить все ваши URL-адреса на '/' , также, если вы работаете с реагирующим маршрутизатором, вам необходимо проверить свою конфигурацию - person Hizem; 21.08.2019
comment
Хорошо, милая, я понял. Мне пришлось изменить пути к файлам в сборке index.html. Спасибо чувак - person BrandonD; 21.08.2019

Похоже, вам нужно изменить параметр homepage в файле конфигурации и изменить несколько настроек с помощью router.

Посмотрите, как я думаю, это может помочь https://scottvinkle.me/blogs/work/how-to-deploy-a-react-app-to-a-subdirectory

person Oluwatumbi    schedule 28.04.2021