解决报错:根据文件URL获取文件流blob,请求报错 400(bad request),The authorization mechanism you have provided is not xxx

报错原因:因在全局请求拦截器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 },
        };
      }
    },
  ],

猜你喜欢

转载自blog.csdn.net/qq_38969618/article/details/130320412
今日推荐