Laravelでvue.jsとAjaxを使ってメッセージの送信を行いたいのですがコンソールに下記のエラーが出てしまい、DBにも登録することが出来ません。
下記はコードです。
HTML
1<div id="chat"> 2 <textarea v-model="message"></textarea> 3 <br> 4 <button type="button" @click="send()">送信</button> 5</div> 6<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script> 7<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script> 8<script> 9new Vue({ 10 el: '#message', 11 data: { 12 message: '' 13 }, 14 methods: { 15 send() { 16 console.log("aaa") 17 const url = '/ajax/message'; 18 const params = { message: this.message }; 19 axios.post(url, params) 20 .then((response) => { 21 // 成功したらメッセージをクリア 22 this.message = ''; 23 }); 24 25 } 26 } 27}); 28</script>
php
1// チャット登録 2Route::post('ajax/message', 'Ajax\MessageController@create');
php
1<?php 2 3namespace App\Http\Controllers\Ajax; 4 5use Illuminate\Http\Request; 6use App\Http\Controllers\Controller; 7 8class MessageController extends Controller 9{ 10 // メッセージを登録 11 public function create(Request $request) { 12 \App\Message::create([ 13 'message' => $request->message 14 ]); 15 16 } 17}
書き方のおかしい点があれば教えていただけないでしょうか。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。