Submit Button 与 表单结合,传数据给后端后,发现开发工具中看不到响应问题

64 阅读1分钟

在和同学完成课设,进行第一次的前后端数据交互时,发生了点令人匪夷所思的问题。一开始是浏览器的preflight没有通过,上网查了一下解决了,将axios操作优化放在VUEX的action里,最后得到发送请求成功,后端验证响应内容也成功发送了,但是我在浏览器开发者工具上看发现并没有preview和response内容,并且在axios操作中打印不出response的相关内容。

image.png

image.png 但是我确实发送请求成功,也携带了数据:

image.png

image.png 上网搜索,方案多的让我头晕眼花。没办法,试呗!一试不知道,一个下午就给试过去了。最终发现别人的请求好像都很简洁:

image.png 而我的是:

image.png 奇怪了,这么多图文内容,我就想会不会是button的默认事件的原因,于是修改代码如下(<就改了@click.prevent>):

image.png 试了一下,结果好了,有响应体了:

image.png 虚心请教一下有大佬知道为什么吗?