将MERN堆栈应用程序部署到Heroku时遇到问题

Question

我刚刚开发了我的第一个MERN堆栈，并想将其部署到Heroku。不幸的是，我遇到了来自axios的get请求的问题。无论我尝试什么，它都没有按应有的方式工作。.我总是遇到错误。我以为也许有些人可以帮助我。

错误：

导致错误的代码行：

    componentDidMount() {
    setInterval(() => {
        if(!this.state.playing){
            axios.get('http://donation-system1.herokuapp.com:' + process.env.PORT + '/donations/queue')
            .then(response => {
            this.setState({ donations: response.data, loaded: true, tts_finished: false })
            })
            .catch((error) => {
                console.log(error);
            });
        }
    }, 10000);
}