Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 在Heroku上访问我的环回API时出现问题_Node.js_Reactjs_Api_Heroku_Loopback - Fatal编程技术网

Node.js 在Heroku上访问我的环回API时出现问题

Node.js 在Heroku上访问我的环回API时出现问题,node.js,reactjs,api,heroku,loopback,Node.js,Reactjs,Api,Heroku,Loopback,我已经创建了一个fullstack应用程序-环回被用作后端API,并作为前端应用程序进行响应。 我希望我的应用程序能在Heroku上运行。我可以成功启动应用程序(托管在端口3000上),并且正确显示客户端。但是,当我尝试使用此url向API发送请求时http://localhost:3000/api/,我收到此错误消息: DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL 有什么想法吗 谢谢-您的应用程

我已经创建了一个fullstack应用程序-环回被用作后端API,并作为前端应用程序进行响应。 我希望我的应用程序能在Heroku上运行。我可以成功启动应用程序(托管在端口3000上),并且正确显示客户端。但是,当我尝试使用此url向API发送请求时http://localhost:3000/api/,我收到此错误消息:

DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
有什么想法吗


谢谢-

您的应用程序部署到Heroku时将不会在端口3000上运行-您需要使用分配给它的随机端口。另外,您的React前端应该使用.herokuapp.com而不是localhost:3000。React代码正在客户端计算机上运行,因此它需要通过internet发出请求。

因为Heroku生成随机端口号,所以有必要创建两个应用程序:前端客户端和后端API。

我的猜测是,我们无法为环回API强制端口,3000被Heroku拒绝。Heroku似乎自动生成端口号。谢谢-是的,这是我的结论。由于这个随机端口号,我无法在Heroku上创建组合的前端/后端应用程序。我现在已经创建了两个Heroku应用程序,一个用于客户端,一个用于API,运行良好。