这段时间遇到的问题

1、vue3.2怎么定义data并为页面所获取

const data = ref(null); // 存储返回的数据



const fetchData = () => {
  GetMainDetails().then((response) => {
    // 在这里处理返回的数据JSON.parse()
    data.value = JSON.parse(JSON.stringify(response.data));
    //console.log(data.value.eoh);获取后端数据成功
  });
};


onMounted(() => {
  fetchData(); // 在组件挂载后发送请求并获取数据
});

2、data定义不到数据
因为data定义的不是可变的 得用ref

3、返回的值是promise获取后端数据的时候能行但是到页面就不行
因为这个属性只能获取到一次 我在页面之前的调用api已经获取过一次了，当时是为了输出一下 删除就行了

4、获取不到数据，{ {data}}有数据但是直接获取却没有
因为一部记载 加载顺序等原因
变为{ {data&&data.eoh}}只有等data不为空的时候才能获取 就行了

5、添加请求是的请求token
export const Getxiaoxi = () => {
const token = getToken().accessToken;
const headers = {
Authorization: Bearer ${token},
// 在这里可以添加其他头部信息
};
return http.request(“get”, “/Home/xiaoxi”,null , null )//baseUr