在React中尝试异步动作创建者时，如何摆脱使用绝对urls错误？

// 配置文件 config.js
const API_URL = process.env.NODE_ENV === 'production' ? '/api' : 'http://localhost:8000/api';

export default API_URL;

// 异步动作创建者 action.js
import API_URL from './config';

export function fetchData() {
  return dispatch => {
    dispatch({ type: 'FETCH_DATA_REQUEST' });

    fetch(`${API_URL}/data`)
      .then(response => response.json())
      .then(data => dispatch({ type: 'FETCH_DATA_SUCCESS', payload: data }))
      .catch(error => dispatch({ type: 'FETCH_DATA_FAILURE', payload: error }));
  };
}

// 组件 Component.js
import React, { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { fetchData } from './action';

function Component() {
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch(fetchData());
  }, [dispatch]);

  return <div>Component</div>;
}