我无法在 Laravel 5.4 上测试简单的 vue 示例组件

【问题标题】：I can't test simple vue example component on Laravel 5.4我无法在 Laravel 5.4 上测试简单的 vue 示例组件
【发布时间】：2017-09-10 11:42:04
【问题描述】：

我有一个全新的 laravel 5.4 安装，我运行 npm install 然后继续测试示例 vue 组件，但没有任何反应。

在我的项目目录中，我运行npm run dev，它编译得很好。然后我执行php artisan serve，我看到的只是一个空白页。

这是我的观点，这是我写的唯一代码：

<html>
    <head>
        <title>Laravel</title>
    </head>
    <body>
    <div id="app">
        <example></example>
    </div>
    <script src="/js/app.js"></script>
    </body>
</html>

这样好吗？我错过了什么吗？

在我的 package.json、devDepentencies 以及我拥有的其他东西上："vue": "^2.1.10"

【问题讨论】：

标签： vue.js laravel-5.4

【解决方案1】：

这是因为你没有运行php artisan make:auth所以laravel没有设置javascript对象“Laravel”的“csrfToken”属性。

在 resources/assets/js/bootstrap.js 中，尝试评论这一行：

window.axios.defaults.headers.common['X-CSRF-TOKEN'] = window.Laravel.csrfToken;

然后用npm run dev重新编译。

【讨论】：

这解决了，谢谢。如果您或某人可以分享他们对 php artisan make:auth 的快速意见；我知道这是为了快速设置新项目的用户身份验证，但我要创建的应用程序是为需要另一个系统的公司提供的。用户将使用他们主数据库中的凭据登录到我的项目，但是我将创建一个用户表（在我的项目数据库中）复制他们的用户名和更多字段，但不允许他们编辑该信息。只能编辑一个新字段（一个头像）。我应该使用 php artisan make:auth 还是手动处理？
laravel make:auth 身份验证很容易编辑以满足开发人员的需求。但是，在您的情况下，您可以使用自己的身份验证系统来更好地理解和更可扩展的代码。