React Router DOM добавляет нежелательную подпапку

Question

Я заметил, что когда я использую новый Audio () в React, он работает до тех пор, пока не появится динамический c маршрут.

Это моя маршрутизация:

const Routing = [
    {
        path: "/",
        component: MenuScene
    },
    {
        path: "/levels",
        component: LevelsListScene
    },
    {
        path: "/level/:id",
        component: LevelScene
    },

Работает, все хорошо. Аудио работает во всех из них, кроме третьего. Причина в том, что когда я загрузил его на работающий сервер, он добавляет папку с именем level и помещает туда ресурсы. Это означает, что теперь мне нужно сделать './../assets/audio' et c ... Папка assets находится в папке publi c.

Это то, что я получаю, когда Посетите сайт: https://touch-type.netlify.com/level/assets/audio/click/locked.mp3

Почему там добавлен «уровень»? Это мой репозиторий GitHub: https://github.com/AurelianSpodarec/touchtype-game

Answer 1

Я понял это.

То, что происходило, это то, что assets / audio / click / locked-2.mp3 относительны (что означает: маршрутизация добавляет уровень) и / assets / audio / click / locked- 2.mp3 не говорит или лучше сказать: он добавляет текущий путь

С начальным / вы говорите, что хотите абсолютный путь

Скажем, у вас есть «audio» и в вашем домашнем каталоге вы может прочитать файл foo.txt с помощью «less foo.txt», и он открывает /home/audio/foo.txt