Перенес приложение реакции с Gatsby на S3, теперь я получаю сообщения об ошибках в браузере, и пользовательское состояние не работает.

Question

Я использовал Gatsby для создания и развертывания моего приложения реагирования. Если я использую npm start в своем проекте и открываю http://localhost:8000 в своем браузере, все работает так, как должно.

Если я использую gatsby build, а затем копирую свою папку publi c в мой S3 ведро, страница открывается, и макет выглядит правильно, но состояние некоторых элементов не меняется, и я получаю консольные ошибки:

index.html:7 GET https://s3.amazonaws.com/webpack-runtime-405d85e0598b8c09729a.js net::ERR_ABORTED 404 (Not Found)
index.html:7 GET https://s3.amazonaws.com/page-data/index/page-data.json net::ERR_ABORTED 403 (Forbidden)
icon-48x48.png:1 GET https://s3.amazonaws.com/icons/icon-48x48.png?v=edf3d310d67f8284a562bc3a58c3e761 403 (Forbidden)
manifest.webmanifest:1 GET https://s3.amazonaws.com/manifest.webmanifest 404 (Not Found)
manifest.webmanifest:1 Manifest: Line: 1, column: 1, Syntax error.

Мой ведро - testapp1.app-site / index. html для справки.

Answer 1

Первый:

Убедитесь, что права доступа правильные. Вы можете получить информацию о разрешениях для папки, запустив ls -l. Вы увидите слева разрешения. Вот ссылка на хорошее объяснение Затем вы можете установить разрешения для вашей env с помощью команды chmod. Вот пример того, как установить права доступа для пользователя, группы, каждого.

chmod -R 755 <build folder> Ознакомьтесь с этим постом, объясняющим.

Второе: Убедитесь, что любое связанное имя хоста env VAR для Гэтсби установлены правильно. Вот ссылка на их документы по этому вопросу.

Я не так уж хорошо знаком с Гэтсби ТБХ, но, надеюсь, одна из тех работ для вас.

Согласно ОП. Вот ссылка, которая в конечном итоге решает их проблему!

Приветствия.