axios之使用await同步问题

  

    
  



export default {
  data() {
    return {
      videoSrc: '' // 用于存储Promise返回的值
    };
  },
  mounted() {
    // 异步操作，比如一个网络请求
    const promise = fetchVideoSrc(); // 假设fetchVideoSrc()返回一个Promise对象

    promise.then(result => {
      this.videoSrc = result; // 将Promise返回的值赋给videoSrc变量
    });
  }
};

import axios from 'axios';

async function fetchData() {
  try {
    const response = await axios.get('https://api.example.com/data');
    console.log(response.data); // 处理响应数据
    return response.data; // 返回数据给调用者
  } catch (error) {
    console.error(error);
    throw error;
  }
}


// 同步调用，这里有个问题就是使用await同步调用请求时，这个函数要声明为async，函数返回的永远是Promise对象，也就是最后一层永远要有个then函数去获取。
try {
  const data = await fetchData(); //这里使用await,那么使用这个的函数就要声明为async
  console.log(data); // 处理返回的数据
} catch (error) {
  console.error('请求出错', error);
}

 姓名: {{item.userName}}
 处理时间: {{item.time}}


处理附件:








//要从arrayList入手,去先把列表里需要根据id获取的新属性放入arrayList
for(const item of this.arrayList){
	if(item.attach){
		getBlobData(item.attach).then(response => {
			// 创建一个URL对象以加载Blob数据
			const blob = new Blob([response])
			//放入新属性
			item.imageUrlBlob = window.URL.createObjectURL(blob)
			//强制渲染,因为list.item多了个imageUrlBlob,不一定会自动渲染
			this.$forceUpdate()
		})
	}
}