TRY CODING FUN

重拾编程的乐趣

0%

JS axios 从 blob response type 获取 json 数据

发表于 更新于 分类于
本文字数： 968 阅读时长 ≈ 1 分钟

用 Axios 上传文件的几种方式

1
2
3
4
5
6
7
8
9
10
post("some/api/url", someDataForBackend, {
      responseType: "blob",
    })
      .then(async (response) => {
        const isJsonBlob = (data) => data instanceof Blob && data.type === "application/json";
        const responseData = isJsonBlob(response?.data) ? await (response?.data)?.text() : response?.data || {};
        const responseJson = (typeof responseData === "string") ? JSON.parse(responseData) : responseData;

        console.log(responseJson)
      });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
axios.get(`/download/blob/api`, {
  headers: {
    Authorization: `Bearer ${token}`,
    'Content-Type': 'application/json',
  },
  validateStatus: (s) => s <= 500,
  responseType: 'blob',
}).then(async (res) => {
  if (res.status !== 200) {
    // error handling
    const error = JSON.parse(await res.data.text());
    console.log('error: ', error);
  } else {
    // success blob file
  }
});

后记

相关文章