Vue.js 我能';t测试Laravel 5.4上的简单vue示例组件

Vue.js 我能';t测试Laravel 5.4上的简单vue示例组件,vue.js,laravel-5.4,Vue.js,Laravel 5.4,我有一个全新的laravel 5.4安装,我运行了npm install,然后继续测试示例vue组件,但什么也没发生 在我的项目目录中,我运行了npm-run-dev,它编译得很好。然后我执行php artisan serve,我看到的只是一个空白页面 以下是我的观点,这是我编写的唯一代码: <html> <head> <title>Laravel</title> </head> <body

我有一个全新的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上,在devdependences上,我还有:
“vue”:“^2.1.10”

这是因为您没有运行
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
authentification很容易编辑,以满足开发人员的需要。但是,在您的情况下,您可以使用自己的身份验证系统来更好地理解和扩展代码。