laravel - 错误:请求失败,状态码为 500 Laravel/Vue
问题描述
这是控制台中的完整错误消息:
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);
}
}
这只是一个演示项目,所以如果有其他方法可以提交而不会出现此错误,那也可以。
谢谢
解决方案
500 server error 表示问题出在您的 laravel 控制器上。所以检查表的每个字段名称。检查表中是否有任何列名。如果存在,请检查您从前端得到什么?检查您是否获得了有效数据,因此在控制器开始时对其进行检查。
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]);
推荐阅读
- ios - 关于 iOS 照片应用中的视图控制器
- google-apps-script - onEdit() 特定单元格不会触发脚本
- c# - 如何在并行循环中正确插入
- powershell - Disable-TlsCipherSuite:HRESULT 异常:0xD0000225
- c# - C# 使用 StreamWriter,在特定行中追加一个字符串
- reactjs - TypeScript 错误:(TS1128)声明或声明预期
- python - 没有名为“psycopg2”的模块 - 如何在带有 CloudFormation 的 AWS Lambda 中使用 python 库?
- javascript - 如何重构具有多个 if 条件的代码?
- c - 简单的 C 矩阵乘法,多线程
- kotlin - 为什么 kotlin 可以使用不同的名称来调用函数?