前后端交接、调用后端接口时遇到很多报错！把孩子心态搞掉(狗头)

记录下来让大家解决报错，不用像我一样苦苦搜寻了(泪目)

更多 请见文章：前端vue 前后端交接错误汇总 跨域问题/报错404/405/415/带请求token

问题 

报错 POST http://localhost:8080/api/login/userLogin 415 (Unsupported Media Type)

解决方法

给后端的数据格式错误，

看看参数是要json格式还是formdata格式，

即Content-Type是'application/json'还是application/x-www-form-urlencoded

+参数格式与Content-Type要对应

注意可能还要进行字符串格式的转化

详见 参考作者Zack_ZXY的文章：Axios传参的两种方式，表单数据和json字符串（Form Data和Request Payload）

小方法

可以通过浏览器控制台，点击Network选项卡，点击发送的请求，可以检查Content-Type及数据发送的格式。查看Response Headers和Request Headers目录下的Content-Type，若不一致，则说明需要修改为Response Headers的Content-Type。数据发送的格式应与Content-Type相对应。

 

 在下面还有

formdata格式的：

或者json格式：