报错原因:因在全局请求拦截器headers中,设置了Authorization(token认证)字段导致。因为文件URL那个域名是不需要任何认证的,如果传了Authorization,就会校验,但是又不认识;如果不传,就不会校验,也即不会报错400。
解决方法:判断如果是获取文件流Blob的请求,就不要传Authorization字段即可。
import { request } from 'umi';
/**
* @method 根据文件URL获取blob数据流
* @param { String } fileUrl - 文件完整路径,如:http://xxx.png
*/
export function getBlobOfUrl(fileUrl: string) {
return request(fileUrl, {
method: 'GET',
responseType: 'blob', // 设置后台返回内容类型为Blob类型
params: {
notAuthorization: true,
},
});
}
app.tsx文件:
requestInterceptors: [
(url, options) => {
if (url.includes(process.env.API_HOST_ORDER as string)) {
return {
url,
options,
};
} else {
let headers = {};
// ! 获取blob文件流的一定不要传Authorization认证,否则报错400【bad request】
if (!options?.params?.notAuthorization) {
headers = {
// Accept: 'application/json',
Authorization: getToken() || '',
};
}
return {
url,
options: { ...options, headers },
};
}
},
],