前后台通过axios进行数据交互的时候出现了异常报错415
axios({
method: 'post',
url: '/js/answer/save',
data: JSON.stringify(obj),
}).then(res=>{
console.log(res);
}).catch(err=>{
console.log(err);
})
查看控制台 返回 错误415(不支持的媒体类型)
error: "Unsupported Media Type"
此处post提交时header中的contentType类型异常,
application/x-www-form-urlencoded 最常见的 POST 提交数据的方式
multipart/form-data 使用表单上传文件时,传递这个值 application/json 用来告诉服务端消息主体是序列化后的
JSON 字符串 text/xml 使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范 [四种常见的 POST
提交数据方式对应的content-type取值]
[菜鸟驿站HTTP content-type
对照表]
解决办法
先查看network里面的请求头和响应头的content-type一样不
如果不一样,修改成一样
axios({
method: 'post',
url: '/js/answer/save',
data: JSON.stringify(obj),
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
}).then(res=>{
console.log(res);
}).catch(err=>{
console.log(err);
})