vue axios post 请求415 (Unsupported Media Type)

1.vue项目中使用axois请求后端接口时报错 Unsupported Media Type (不支持媒体类型)

2.报错的原因

2.1 传参的是Json格式,但axios post请求不是Json格式,导致报错'不支持媒体类型'

 2.2 查看浏览器网络请求,响应头少了一个Content-Type 响应类型

vue axios post 请求415 (Unsupported Media Type)_第1张图片

3.错误解决,在引入axios 的地方,一般是在 main.js中,添加以下请求头配置

3.1  添加请求头配置

axios.defaults.headers.post['Content-Type']='application/json;charset=UTF-8';

 3.2 然后就请求成功了

vue axios post 请求415 (Unsupported Media Type)_第2张图片

这个问题我是这样子就解决了。

参考文章

你可能感兴趣的:(Vue3+Vite,vue.js,前端,javascript)