将axios请求从localhost转换为heroku

Question

我正在尝试设计一个简单的MERN堆栈电子表格应用程序，而我目前仍然坚持在部署到Heroku时让我的GET和POST请求正常工作。虽然它在本地没有问题（本地，后端服务器转到http://localhost:4200），但问题是我不知道应该在部署到Heroku后要去的地址。

我已尝试让它拥有相对网址，但是它在localhost和Heroku上都会中断 - localhost将默认为http://localhost:3000而不是所需的http://localhost:4200，而在heroku上，它转到 http://[spreadsheet-app].herokuapp.com ，但都会产生404错误。

我还尝试在heroku，baseURL上设置config var，我将其设置为 [spreadsheet-app] .herokuapp.com 网址，但似乎该网址已被完全跳过，我仍然以某种方式未定义，所以我不确定：

a）我需要为heroku设置哪个URL才能使我的GET和POST请求生效

b）如果没有a）

的简单答案，该怎么办？

以下是我目前为GET请求设置相关代码的方法：

componentDidMount(){
let base = process.env.baseURL || "http://localhost:4200";

return axios({
  method: "get",
  url: base + "/chars",
})
.then(res => this.props.getChars(res.data))
.catch(function (error) {
  console.log(error);
})
}

感谢您的帮助！