javascript - 将 axios 请求从 localhost 转换为 heroku

Question

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

我试过让它有一个相对 URL，但是它在 localhost 和 Heroku 上都中断了 - localhost 将默认为http://localhost:3000而不是所需的http://localhost:4200，而在 heroku 上，它去了到http://[spreadsheet-app].herokuapp.com但都产生 404 错误。

我还尝试在 heroku, baseURL 上设置一个配置变量，将其设置为[spreadsheet-app].herokuapp.com URL，但似乎该 URL 已完全跳过，告诉我它仍然以某种方式未定义，所以我没有把握：

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);
})
}

谢谢您的帮助！