一次406状态码

还要从后台上传表单说起

我们后台采用的是vue-element-admin集成方案，所以上传组件就用的是Element UI的upload组件，我们与后端请求是在 http 的 header 中携带 token 做身份校验，由于上传音频是需要给接口传二进制流文件的形式，所以 upload 组件的 action 直接写的就是后端接口，其他数据放在 data 中，初始用法如下图：

后来我们将 http header 中的 token 验证 改成了 cookie 校验，

所以看了文档，需要开启:with-credentials="true"，否则 cookie 带不上

然后测试发现 cookie 是带上了，但是后端接口返回的状态码是 406（HTTP 406 错误是HTTP协议状态码的一种,表示无法使用请求的内容特性来响应请求的网页），除了upload组件这个接口，其他的接口走统一封装的 fetch 是没有问题，所以我就对比了两种请求：

对比发现406的请求中 header中的Accept是 */* ，然后想办法尝试改成 “application/json, text/plain, */*”：最后改成如下图：

发现请求头状态码为 200，问题解决。

转载于:https://juejin.im/post/5beeb5e76fb9a049bc4c3c8b