还要从后台上传表单提及vue
咱们后台采用的是vue-element-admin集成方案,因此上传组件就用的是Element UI的upload组件,咱们与后端请求是在 http 的 header 中携带 token 作身份校验,因为上传音频是须要给接口传二进制流文件的形式,因此 upload 组件的 action 直接写的就是后端接口,其余数据放在 data 中,初始用法以下图:git
后来咱们将 http header 中的 token 验证 改为了 cookie 校验,github
因此看了文档,须要开启:with-credentials="true",不然 cookie 带不上json
而后测试发现 cookie 是带上了,可是后端接口返回的状态码是 406(HTTP 406 错误是HTTP协议状态码的一种,表示没法使用请求的内容特性来响应请求的网页),除了upload组件这个接口,其余的接口走统一封装的 fetch 是没有问题,因此我就对比了两种请求:后端
对比发现406的请求中 header中的Accept是 */* ,而后想办法尝试改为 “application/json, text/plain, */*”:最后改为以下图:cookie
发现请求头状态码为 200,问题解决。app