Vue js глобальная проверка авторизации

Question

У меня это в основном клинке

<script>
    window.App = {!! json_encode([
        'csrfToken' => csrf_token(),
        'user' => Auth::user(),
        'signedIn' => Auth::check()
    ]) !!};
</script>

Но когда я использую window.App.signedIn в моем vue файле, он дает мне неопределенный вывод

Answer 1

Убедитесь, что объект установки приложения появляется перед вашим скриптом. В противном случае вам нужно обернуть свой код, который полагается на window.App для запуска после загрузки страницы.

Вариант 1:

<script>window.App = @json([...])</script>

...

<script>/* The code relying on window.App */</script>

Вариант 2:

<script>
    window.addEventListener('load', function () {
        /* The code relying on window.App */
    })
</script>

...

<script>window.App = @json([...])</script>