请求出现”Content type ‘application/octet-stream‘not supported“错误
- 错误描述：
Content type ‘application/octet-stream‘not supported，即内容类型’application/octet-stream ‘不支持。由此可见，我们这里传的参数需要’application/octet-stream’类型支持。
octet-stream：任意二进制流数据。
application/octet-stream：只能提交二进制或文件。 - 出现错误的请求：
POST 请求，需要传一个 file 文件和一个 json 字符串，如下图所示：
react 前端提交表单传参这样写，此时 blackListBatch 传的是 json 字符串，如下：
const { file } = values;
const formData = new FormData();
formData.append('file', file[0].originFileObj);
const newValue = _.cloneDeep(values);
delete newValue.file;
const json = JSON.stringify(newValue);
formData.append('blackListBatch', json);
const params = {
data: formData,
callback: () => {
message.success(intl('导入成功'));
},
};
// 请求接口
offlineImport(params);
然后浏览器就出现了上面的报错。
- 解决办法：
由错误描述可知，我们这里不能传一个json字符串，而是一个二进制，这时需要使用 Blob() 构造函数将 json 字符串转化为 Blob 对象（Blob 对象表示一个不可变、原始数据的类文件对象，它的数据可以按文本或二进制的格式进行读取）放到 formData 中，如下：
const { file } = values;
const formData = new FormData();
formData.append('file', file[0].originFileObj);
const newValue = _.cloneDeep(values);
delete newValue.file;
const json = JSON.stringify(newValue);
// 将 json 字符串转化为 Blob 对象
const blob = new Blob([json], {
type: 'application/json',
});
formData.append('blackListBatch', blob);
const params = {
data: formData,
callback: () => {
message.success(intl('导入成功'));
},
};
// 请求接口
offlineImport(params);
type: ‘application/json’ 表示将会被放入到 blob 中的数组内容的类型是 json 字符串。
如上，便可解决该报错。
