Post 使用VueJs和Laravel 5发布数据_Post_Laravel 5_Vue.js

Post 使用VueJs和Laravel 5发布数据

post laravel-5 vue.js

Post 使用VueJs和Laravel 5发布数据,post,laravel-5,vue.js,Post,Laravel 5,Vue.js,我试图使用Vuejs和laravel来完成最简单的post，但当我在chrome开发工具中查找时，我不断收到一个“错误500”和一个奇怪的“未捕获（承诺）”错误，下面是代码 HTML <html> <head> <meta charset="UTF-8"> <meta name="token" id="token" value="{{ csrf_token() }}"> <title>Guestbook</

我试图使用Vuejs和laravel来完成最简单的post，但当我在chrome开发工具中查找时，我不断收到一个“错误500”和一个奇怪的“未捕获（承诺）”错误，下面是代码

HTML

<html>
<head>
    <meta charset="UTF-8">
    <meta name="token" id="token" value="{{ csrf_token() }}">
    <title>Guestbook</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>

<div id="chatbox">
    <div class="container">
        <div class="row">
            <form method="POST" v-on:submit="sendMessage">
                <h1 v-if="nameIsSet">@{{ userInfo.name }}</h1>
                <input type="text" placeholder="Name" v-model="userInfo.name" v-if="! nameIsSet"><button v-if="! nameIsSet" class="btn btn-info" v-on:click="setName">Set Name</button>
                <br>
                <input type="text" placeholder="Message" v-if="nameIsSet" v-model="userInfo.message"><button v-if="nameIsSet">Send Message</button>
                {{ csrf_field() }}
            </form>
        </div>
    </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.10/vue.min.js"></script>
<script src="js/view-resource.min.js"></script>
<script src="js/guestbook.js"></script>
</body>
</html>

拉威尔5条路线

Route::get('/', function(){
    return view('guestbook');
});

//API

Route::get('api/messages', function(){
    return App\Message::all();
});

Route::post('api/messages', function(){
    App\Message::create(Request::all());
});

如上所述，它不起作用，我不确定这里的服务器端错误是什么，有人有什么想法吗^^？

问题是一个简单的拼写错误，我在设置

应用程序\消息

模型的参数时，将

fillabe

改为

fillable

，因此，它返回了一个错误，表示需要设置变量

Fillable

希望这能帮助任何在类似地方犯拼写错误的人

如果您处于开发环境中，请启用调试模式（请参见.env文件中的APP_DEBUG）；这将导致Laravel在响应中显示完整的错误消息。或者，查看storage/logs/laravel.log以获取错误消息。@GeorgeCummins，默认情况下它处于调试模式，因此现在它处于打开状态，并且laravel日志有错误：[2015-12-01 13:41:03]local.ERROR:F:\projects\laravel\vue\vendor\laravel\framework\src\light\Database\Eloquent\Model.php:424中带有消息“name”的异常“illumb\Database\Eloquent\MassAssignmentException”。您试图修改

App\message

中标记为

guarded

的属性：检查中的

可填充数组App\Message只允许在您需要的属性中进行批量分配，所以我拼写fillable错误。。我拼的是fillabe而不是fillable，谢谢你告诉我，否则我永远不会发现那个错误！请显示应用\消息模型代码
Route::get('/', function(){
    return view('guestbook');
});

//API

Route::get('api/messages', function(){
    return App\Message::all();
});

Route::post('api/messages', function(){
    App\Message::create(Request::all());
});