Question

我试图自己找出问题所在，但在试图找出 a$$ 的过程中一直很痛苦。我使用 axios 并且不知道是什么导致了问题。（我是 ReactJS 的新手）下面我发布了一个截图，如果它能让你更容易地确定问题。 enter image description here

export const actFetchMealsRequest = () => {
    return (dispatch) => {
        return callApi('/Product', 'GET', null).then(res => {
            dispatch(GetAllMeal(res.data));
        });
    }
}

/*GET_ALL_MEAL*/
export function GetAllMeal(payload){
    return{
        type:'GET_ALL_MEAL',
        payload
    }
}

Answer 1

我已经按照@Shyam 的建议解决了我的 callApi 中的问题，这是我以前的代码：

import axios from 'axios';
let API_URL = 'https://5adc8779b80f490014fb883a.mockapi.io';
   export default function callApi(endpoint, method = 'GET', body) {
       return axios({
           method,
           url: `${API_URL}/${endpoint}`,
           data: body
       }).catch(err => {
           console.log(err);
       });
}

这是更新后的代码：

import axios from 'axios';
let API_URL = 'https://5adc8779b80f490014fb883a.mockapi.io';
   export default async function callApi(endpoint, method = 'GET', body) {
       try {
           return axios({
               method,
               url: `${API_URL}/${endpoint}`,
               data: body
           });
       } catch (err) {
           console.log(err);
       }
}

我刚刚转换为异步函数。

Axios - 未处理的拒绝（类型错误）：无法读取未定义的属性“数据”

1 个答案: