Ошибка 500 POST-запроса Axios в чате Laravel с использованием Pusher и Vue.js - PullRequest
Новая
       10

Ошибка 500 POST-запроса Axios в чате Laravel с использованием Pusher и Vue.js

0 голосов
/ 05 мая 2018

У меня возникла проблема после этого урока по реализации простого чата в Laravel с использованием Pusher и Vue.js: Ссылка урока .

Вот мой файл app.js в assets / js, куда я делаю запрос: 

const app = new Vue({
el: '#app',

data: {
tweets: []
},
created() {
this.showTweets();
Echo.private('chat')
    .listen('TweetSentEvent', (e) => {
    this.tweets.push({
        tweet: e.tweet.tweet,
        user: e.user
});
});
},
methods: {
showTweets() {
    axios.get('/tweets').then(response => {
        this.tweets = response.data;
    });
},
 addTweet(tweet) {
    this.tweets.push(tweet);

    axios.post('tweets', tweet).then(response => {
      console.log(response.data);
    });
}
}
});

Мои маршруты web.php: 

Auth::routes();
Route::get('/', 'TweetController@index');
Route::get('tweets', 'TweetController@showTweets')- 
>middleware('auth');
Route::post('tweets', 'TweetController@sentTweet

Вот мой контроллер: 

public function __construct()
{
    $this->middleware('auth');
}

public function index()
{
    return view('chat');
}

public function showTweets(){
    return Tweet::with('user')->get();
}

public function sendTweet(Request $request){
    $user = Auth::user();

     $tweet = $user->tweets()->create([
        'tweet' => $request->input('tweet')
     ]);
    broadcast(new TweetSentEvent($user, $tweet))->toOthers();

    //return ['status' => 'Tweet Sent!'];

}

Когда я запускаю приложение и пытаюсь отправить твит через запрос POST, нажав на кнопку отправки, эта ошибка появляется на консоли: 

POST http://localhost/youChat/public/tweets 500 (Internal Server Error)

Uncaught (in promise) Error: Request failed with status code 500
at createError (app.js:13931)
at settle (app.js:35401)
at XMLHttpRequest.handleLoad (app.js:13805)

Все вроде бы хорошо ... Любая помощь? Заранее спасибо !!

...