在 Vue.js 中使用 Axios 将数据发布到 laravel 项目时出现内部服务器错误 500

Question

我正在尝试使用 Vue 中的 axios 将数据发送到我的 laravel 应用程序，但我遇到了这个错误

Error: Request failed with status code 500
    at e.exports (axios.min.js:8)
    at e.exports (axios.min.js:8)
    at XMLHttpRequest.l.(anonymous function) (http://localhost:8000/js/axios.min.js:8:3282)

Axios 代码：

   addExperience: function () {
                axios.post(window.Laravel.url + '/addexperience', this.experience)
                    .then(response => {
                        console.log(response.data)
                    if(response.data.etat){
                            this.open = false;
                            this.experiences.push(this.experience);
                }})
                .catch(error => {
                    console.log(error);
                    console.log(window.Laravel.url + '/addexperience');
                    console.log(this.experience.titre);
                    console.log(this.experience);
                });
            }
        },

路线：

    Route::post('/addexperience', 'CvController@addExperience');

控制器：

    public function addExperience(Request $request){
    $exp = new Experience();
    $exp->titre = $request->titre;
    $exp->description = $request->description;
    $exp->debut = $request->debut;
    $exp->fin = $request->fin;
    $exp->cv_id = $request->cv_id;
    $exp->save();

    return Response()->json(['etat' => true, 'id' =>$exp->id]);
}

请帮帮我

Answer 1

错误500 通常意味着后端出现问题，因此您可以检查转到浏览器的控制台 > 网络并在那里检查 laravel 抛出的错误，没有这些信息我们只能猜测。所以让我们猜猜

由于我们不知道您使用的是什么 laravel 版本，所以我假设您使用的是 5.x

 public function addExperience(Request $request){
        $exp = new Experience(); //Maybe this model wasnt injected, do use App\Experience; to do so
        //(Generally models are added in the app directory, if yours is in a subforlder just add it to the path, use App\folder\Experience);
        $exp->titre = $request->titre;
        $exp->description = $request->description;
        $exp->debut = $request->debut;
        $exp->fin = $request->fin;
        $exp->cv_id = $request->cv_id;
        $exp->save();

        return Response()->json(['etat' => true, 'id' =>$exp->id]);
        //if youre using the response helper it should be in lowercase "response()" if you're using the facade you must import the dependency with use Illuminate\Support\Facades\Response;