Как запустить React-приложение на сервере (Xampp)?

Question

[Danila232]

Хочу потестить отправку формы (gitHubPages для этих целей насколько знаю не подходит, только если юзать email-сервис) через сервер Xampp

Взял папку build из моего приложения - поместил в папку htdocs - запустил сервер - открыл по адресу 'localhost/build' - и получил абсолютно пустое приложение. В root ничего нет


Ошибки, как видно, связаны с путями к JS/CSS-файлам. Но я там(в build) ничего не менял, с чего там пути неправильные?

Подскажите пожалуйста в чём дело
*прочитал про nginx - похоже это как раз то, что нужно для деплоя react-приложений. Я думал их можно запустить через Apache, как обычные статичные сайты, в папке build же статика - html/js/css файлы

Answer 1

[historydev]

Всё можно. По аналогии настрой или юзай nginx: https://docs.nginx.com/nginx/admin-guide/web-serve...

Answer 2

[Александр]

Для начала настройте build: для vite / для wepback, чтобы ссылка в итоге совпадала. Вы открываете /build/index.html, а остальные файлы загружаете по /static/something/file.ext, в начале которых нету /build. Ну и надо почитать, как сделать редирект на файл index.html, если юзаете браузерный роутинг.

Comments

[Danila232]

Я Vite ещё не изучал, через create-react-app делал

[Kentavr16]

Danila232, а cra что использует в качестве сборщика?

[Danila232]

Kentavr16, webpack
ну в обычной webpack-сборке есть webpack.config.js, где всё и настраивается
а у cra надо посмотреть где это всё настраивается. Я конечно думал как то попроще можно это сделать. Ну на "боевом" сервере потестить приложение
nginx похоже нужно разбирать

[Александр]

Danila232,
https://create-react-app.dev/docs/advanced-configu...

[Danila232]

Александр, создал файл .env в корне приложения, написал PUBLIC_URL=/названиеприложения/ - выдаёт Unexpected Application Error!
404 Not Found

[Danila232]

Александр, понял что проблема в путях - что index.html и .css/,js файлы идут через разные пути и в этом проблема
но если честно, что конкретно писать в PUBLIC_URL я не понял, там про это пару предложений написано

[Александр]

Danila232, /build, раз это является путем до index.html

[Danila232]

Александр, я так делал, прописал PUBLIC_URL=/build/ - перезапустил build-сборку, поместил её в htdocs(с xamp-a запускаю) - но без результата..

[Александр]

Danila232, И как ошибка после этого стала выглядеть?

[Danila232]

Александр, Unexpected Application Error! 404 Not Found

[Danila232]

Александр, если прописать путь localhost/build/static - показывает как надо, 3 папки js/css/media
но сам html файл не видит

[Александр]

Danila232, а открывать localhost/build/index.html пробовали?

[Danila232]

Александр, пробовали, не помогло(

[Александр]

Danila232, ну а какие ошибки то в консоли, какие запросы падают?

[Danila232]

Александр, да ошибок нет даже. Но всё равно на localhost/build/index.html - приложение пустое