我有一个使用单独的客户端和服务器URL工作的应用程序。一切都在本地工作正常但当我尝试在我的本地环境之外运行应用程序时会弹出一个错误。当我的应用程序最初加载时,它会发出GET请求以返回列表。这会触发以下错误。
Failed to load resource: net::ERR_CONNECTION_REFUSED localhost:8080/list-state/name-list
我不确定为什么localhost:8080
包含在错误消息中,因为它在我的本地环境之外运行。 localhost设置在config.js文件中,如此...
exports.PORT = process.env.PORT || 8080;
我假设如果端口默认为8080,则存在某种类型的问题。还有其他要注意的地方,我的api url在它自己的工作正常并返回预期的结果,我的客户端就像它应该加载它自己的url(期望获取请求中缺少的数据) )。
客户端链接 - https://awesome-saha-cafdaf.netlify.com/
服务器链接 - 错误的端点(应返回空数组) https://lit-hamlet-54666.herokuapp.com/list-state/name-list
我在客户端配置文件中引用了一个env变量。
module.exports = {
PORT: process.env.PORT || 8080,
API_BASE_URL: process.env.REACT_APP_API_BASE_URL || 'localhost:3000/'; };
.env文件
REACT_APP_API_BASE_URL=lit-hamlet-54666.herokuapp.com
这是某种类型的CORS问题,因为这两个应用程序可以独立工作但不能在一起工作吗?任何帮助将非常感激。
感谢。