Laravel 8页面使用modal时弹出127.0.0.1:8080提交数据提示报错如何解决?

报错原因
该提示不属于Laravel 8服务端抛出的错误,完全是前端JS层面的调试输出,触发原因只有两类:
- 你编写modal内表单的提交拦截逻辑时,临时添加了
alert()调试代码用来打印待提交的表单数据,功能调试完成后忘记删除该段调试代码 - 项目引入的第三方modal组件、公共表单提交JS内置了调试模式,你误开启了组件的调试配置,触发了提交前的弹窗提示
排查解决步骤
- 全局搜索项目内所有JS文件,匹配关键词
The following data would have been submitted to the server,直接定位到输出该内容的代码行 - 若为自行编写的调试代码,直接注释或删除对应的
alert()调用逻辑即可,常见的错误代码示例如下:
// 错误写法:保留了调试用alert $('#modalSubmit').on('click', function () { const submitData = $('#modalForm').serialize() // 调试完成未删除的代码 alert('The following data would have been submitted to the server \n' + submitData) // 后续实际发起请求的ajax逻辑 }) // 正确写法:移除调试alert $('#modalSubmit').on('click', function () { const submitData = $('#modalForm').serialize() $.ajax({ url: '/your/submit/route', method: 'POST', data: submitData, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: res => { // 提交成功后关闭modal等逻辑 $('#yourModal').modal('hide') } }) })
- 若为第三方组件内置的调试输出,查找对应组件的配置项,关闭调试模式开关即可
- 若全局搜索未匹配到对应代码,禁用浏览器安装的表单调试类插件后再次测试,排除插件注入代码的可能
内容的提问来源于stack exchange,提问作者Falana Femi Kehinde
相关产品推荐
相关产品推荐

