为什么我无法从axios中的json获取数据

时间:2019-11-20 08:29:06

标签: javascript json reactjs react-redux axios

请告诉我为什么我无法从axios中的json获取本地数据。 db.json位于项目的根目录,但在getEvents函数中会引发错误404。

请帮助我

operation.js

import FetchClient from 'app/utils/FetchClient';
import IdsAndByIds from 'app/utils/IdsAndByIds';
import { eventsFetch, setEvents } from './actions';

export const getEvents = () => async (dispatch) => {
  try {
    const { data } = await FetchClient.get('./db.json');
    dispatch(setEvents(IdsAndByIds(data)));
    dispatch(eventsFetch(false));
  } catch (error) {
    console.log(error);
  }
};

FetchClient.js

import axios from 'axios';
import { URL_API } from 'app/config'; //localhost:3009

const FetchClient = () => {
  const defaultOptions = {
    baseURL: URL_API,
    method: 'get',
    headers: {
      'Content-Type': 'application/json'
    }
  };
  const instance = axios.create(defaultOptions);
  return instance;
};

export default FetchClient();

actions.js

import * as types from './types';

export const eventsFetch = value => ({
  type: types.FETCHING_EVENTS,
  payload: value
});

export const setEvents = ({ objById, arrayIds }) => ({
  type: types.SET_EVENTS,
  payload: {
    eventById: objById,
    eventsOrder: arrayIds
  }
});
enter image description here

0 个答案:

没有答案