Question

这是控制台中的完整错误消息：

POST http://127.0.0.1:8000/formSubmit 500 (Internal Server Error)
dispatchXhrRequest @ app.js:279
xhrAdapter @ app.js:118
dispatchRequest @ app.js:726
Promise.then (async)
request @ app.js:528
Axios.<computed> @ app.js:553
wrap @ app.js:1071
formSubmit @ app.js:1896
invokeWithErrorHandling @ app.js:25465
invoker @ app.js:25790
original._wrapper @ app.js:31143

我正试图从VueJs表单中获取数据，并通过laravel控制器将其插入MySql数据库中

我的VueJs提交方法：

        methods: {
            formSubmit(e) {
                e.preventDefault();
                let currentObj = this;
                axios.post('/formSubmit', {
                    first: this.first,
                    last: this.last,
                    phone: this.phone,
                })
                .then(function (response) {
                    currentObj.output = response.data;
                })
                .catch(function (error) {
                    currentObj.output = error;
                });
            }

我的控制器：

class StudentsController extends Controller
{
    public function formSubmit(Request $request)
    {
        $validatedData = $request->validate([
            'first' => 'required|string',
            'last' => 'required|string',
            'phone' => 'required',
        ]);

        $s = new Student();
        $s->first = $validatedData->first;
        $s->last = $validatedData->last;
        $s->phone = $validatedData->phone;
        $s->save();

        return response()->json($validatedData);
    }
}

这只是一个演示项目，因此，如果还有其他方法可以提交而不会出现此错误，那么该方法也将起作用。

谢谢

Answer 1

500服务器错误意味着问题出在您的laravel控制器上。因此，检查表的每个字段名称。检查表中是否有任何列名 first 。如果存在，请检查您从前端获得什么？检查您是否获得了有效数据，因此在控制器开始时对其进行检查。

return $request->first

如果还正确，则尝试直接从请求中保存数据

$this->validate($request,[
            'first' => 'required|string',
            'last' => 'required|string',
            'phone' => 'required',
        ]);

        $s = new Student();
        $s->first = $request->first;
        $s->last = $request->last;
        $s->phone = $request->phone;
        $s->save();

        return response()->json(['result'=>$s]);

错误：请求失败，状态码为500 Laravel / Vue

1 个答案: