Включите json файл в качестве пути, используя лот ie. js - PullRequest
0 голосов
/ 23 марта 2020

В моем Laravel проекте усадьбы я хочу использовать airbnb / lott ie для отображения анимации. Я поместил свой лот ie. js и скрипт. js в папку с активами. Мой скрипт. js выглядит так:

var anim = document.getElementById('bodymovin');

var animData = bodymovin.loadAnimation({
    container: anim,
    renderer: 'svg',
    loop: false,
    autoplay: false,
    path: 'data.json',
});

btn = document.getElementById('animBtn');
btn.addEventListener('click', function() {
    animData.setDirection(1);
    animData.play();
});

Теперь проблема в том, что он не может найти данные. json, ошибка:

GET http://bertels.test/nl/vacatures/data.json 404 (не найдено)

мои данные. json находится в том же каталоге, что и мой скрипт. js. У меня вопрос: как я могу использовать данные. json в сценарии. js?

С уважением,

burnerPhone

1 Ответ

0 голосов
/ 24 марта 2020

Вы можете использовать собственный маршрут для возврата желаемых файлов. Скопируйте ваш файл в /storage/app/public и добавьте следующий код в routes/web.php:

Route::get('/files/{filename}', function($filename){
    return \Storage::download($filename); // assuming default disk is set to 'public'
});

Затем получите доступ к файлу в вашем браузере, используя PROTOCOL://SERVER_HOST/files/data.json

Конечно, вы можете использовать file_get_contents, но вам нужно обернуть его в ответ и проверить файл на правильность вывода заголовков.

...