Vue js 身份验证全局检查

【问题标题】：Vue js auth check globallyVue js 身份验证全局检查
【发布时间】：2020-09-14 10:29:58
【问题描述】：

我的主刀片中有这个

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

但是当我在我的 vue 文件中使用 window.App.signedIn 时，它给了我未定义的输出

【问题讨论】：

可能你需要在客户端解析json？我认为您正在尝试从字符串中获取属性 signedIn。

标签： javascript php laravel vue.js

【解决方案1】：

确保 App 设置对象出现在您的脚本之前。否则，您需要封装依赖 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>

【讨论】：