反应轴从不同的URL获取，然后设置在环境中

Question

我正在尝试从我的React应用程序中设置“开发”和“生产”环境。 我做了一个.env.development.local文件，然后添加了：

REACT_APP_API_URL = “http://localhost:3001”
REACT_APP_ENV = “dev”

然后在我的package.json.json中我

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "dev": "cross-env REACT_APP_ENV='dev' npm run start"
  },

现在在组件中添加，我正在尝试访问> react_app_api_url

const API_URI = process.env.REACT_APP_API_URL;

  const fetchGuess = async () => {
    const { data } = await axios.get(`${API_URI}/characters/random`);
    if (data.success) {
      setToGuess(data.data);
    } else {
      console.log("ERROR", data.errorMessage);
    }
  };
'

在响应中，我将其视为url axios试图从

http：// localhost：3000/％e2％80％9c 9c http：// localhost：3001％e2％e2％80％80％e2％80％e2％80％ 9d/carame/Random

有关如何解决此问题的任何建议？