Сервер возвращает 404 активов для PWA с vue

Question

Я запускаю сборку NPM на шаблоне PWA, который я использую.

Структура папок на сервере выглядит следующим образом:

my-project -> static, index.html, service-worker

Затем я разместил на сервере, и Манифест и активы возвращают 404.

Проект в настоящее время здесь.

https://evilernie44.github.io/my-project/

Любая помощь очень ценится.

Изменение маршрутов в манифесте и на двух разных серверах

Я хочу, чтобы в качестве отправной точки для моего PWA

была размещена контрольная панель.

Answer 1

Ваши теги сценария указывают на неверный путь. Возьмите этот тег для примера:

<script type=text/javascript src=/static/js/app.98f21a65b373eaa50022.js></script>

Браузер разрешает его до https://evilernie44.github.io/static/js/app.98f21a65b373eaa50022.js,, который не существует.
Правильный путь должен быть ./static/js/app.98f21a65b373eaa50022.js. Дополнительная точка указывает браузеру создать полный URL относительно текущего пути .

Кроме того, вы можете указать абсолютный путь , например /my-project/static/js/app.98f21a65b373eaa50022.js, который указывает на правильное местоположение.

В заключение, подойдет любой из следующих 2 тегов скрипта:

<script type=text/javascript src=./static/js/app.98f21a65b373eaa50022.js></script>

<script type=text/javascript src=/my-project/static/js/app.98f21a65b373eaa50022.js></script>