2016-11-04 3 views
15

У меня сложнее всего развертывать простое приложение-ответ на страницы github. Вы перемещаете один файл в неправильный каталог и выбрасываете весь процесс.Как развернуть приложение-ответ на github-страницах с помощью приложения create-react-app?

Я пытаюсь загрузить свое приложение для простого реагирования на страницы github или герою в течение примерно 6 часов. Это одноразовая подписка!

Это потому, что я использую приложение Create-React-App, и это все еще ново?

Я теряю так много мотивов. У меня есть этот проект из-за завтра, и я не могу его развернуть.

Что делать, если я запускаю сборку npm run?

Это помещает все мои файлы в папку сборки, но браузер все еще дает мне 404 ошибки, считая, что все, что было напечатано после того, как «/» начального URL-адреса ищет фактический файл с сервера. Я просто хочу использовать все, что приходит после маршрутов /, которые я установил в своем React Router ... :(

ответ

18

В приложении «Создать-реагировать-приложение» есть подробный раздел о том, как развернуть свою сборку на страницах Github и Heroku. Вы можете прочитать его. here

+0

Привет, спасибо за ответ. Это точный учебник, который я последовал. Я думаю, что это имеет отношение к тому, как браузер интерпретирует этот файл. Например, в моем приложении используется реакция-маршрутизатор, и когда я хочу перейти на новый маршрут, т. е./user/5/dashboard, я получаю сообщение об ошибке 404, потому что я думаю, что браузер ищет корневой сервер, а затем FOLDER считает, что он должен быть вызван пользователем, затем папку внутри, которая называется 5, затем другая внутри, которая называется панель инструментов. Tbh Я следил за учебником по реагированию на TEE, а браузер (хром) все еще сохранял gi ving me error 404's. Я не знаю почему. – user7024499

+1

Реагирование предназначено для интерфейсов, поэтому реактивный маршрутизатор предлагает только решение для внешнего маршрута, поэтому ваш сервер не имеет понятия о маршруте. [Этот вопрос и ответы] (https://stackoverflow.com/questions/28553904/client-routing-using-react-router-and-server-side-routing) очень хорошо объясняет концепции. –

+0

Существуют также решения в тех же разделах учебного раздела для создания и реагирования. Вы можете переключиться на использование hashHistory вместо браузера в вашем компоненте или обработать 404 путем перенаправления на ваш index.html. –