一个蛋疼的axios bug,post用官方文档方法不能正常使用 报404

1,533 阅读1分钟

bug 背景,本人在研究egg框架的一些配置功能的时候,意外发现前端vue使用axios的post方法时不能够正常请求到服务端,通过vscode的断点调试功能,目前我采用的vscode配置

来源于https://github.com/atian25/blog/issues/25,发现仅进入中间件层,甚至没有到达路由就已经报了404(前端是通过另一个端口发送,已经开启CORS)且服务端关闭了CSRF校验。通过postman发送的时候结果正常 可以收到前端响应 于是乎模仿postman,如图,发现

当post方法不携带表单参数的时候,可以成功。后来再用postman携带参数发送,发现也能成功,于是定位到问题是前端axios部分参数使用有误,然后使用axios官网demo,如图

仍然不能成功,github上发现类似issue,他的解决方案是

通过一个内置对象URLSearchParams,最终可以实现对后端的请求。