axios调用webapi报错

今天一个学生在使用axios post调用webpi时报错,但是get却没有问题,请求错误如下:

 

 因为get请求是可以的,首先排除跨域问题。与学生沟通，发现使用jquery的ajax方法是可以调通的,不报错。 经过仔细排查终于定位问题， 问题原因是：

JQuery.ajax的post提交默认的请求头的Content-Type: application/x-www-form-urlencoded
axios.post提交的默认请求头是Content-Type: application/json

所以，api无法接到值，把axios的content-type改为application/x-www-form-urlencoded， 问题解决

参考文章https://www.cnblogs.com/changzhenan/p/8430760.html