我无法在 Laravel 5.4 上测试简单的 vue 示例组件
Posted
技术标签:
【中文标题】我无法在 Laravel 5.4 上测试简单的 vue 示例组件【英文标题】：I can't test simple vue example component on Laravel 5.4 【发布时间】：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"
【问题讨论】：
【参考方案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 还是手动处理？ laravelmake:auth 身份验证很容易编辑以满足开发人员的需求。但是，在您的情况下，您可以使用自己的身份验证系统来更好地理解和更可扩展的代码。以上是关于我无法在 Laravel 5.4 上测试简单的 vue 示例组件的主要内容，如果未能解决你的问题，请参考以下文章