0

这是一个简单的计算器应用程序,应该将所有计算保存为字符串,并且打开计算器站点的所有用户都将使用任何人在站点上进行的新计算进行更新。

我正在尝试在 Heroku 上使用 React、MySQL db 和 JawsDB 部署一个项目,但是在按照我们在 Note Taker 分配中使用的 Heroku/Jaws 部署说明进行操作后,我的 db 连接无法正常工作。我收到错误消息:“TypeError:无法获取”和“GET http://..... net ERR_CONNECTION REFUSED”

非常感谢您提供的任何帮助。

控制台中的错误消息

回购:https ://github.com/AndrewCodesDontYaKnow/ReactCalc

网址:https ://lit-reaches-09190.herokuapp.com/

4

1 回答 1

0

错误是您在数据库服务器的构建文件夹中使用端口 4000。在在线网站上它不识别它,并且端口 3306
所以,你的没问题server.js,但App.js你必须全部替换:

"http://localhost:3306/"

只需:

"/"

所以它将是:

...
fetch("/calculations")
...
fetch(`/calculations/add?calc=${calculationArray[calculationArray.length - 1]}`)
...
fetch(`/clear/`)
...

通过这种方式,您将在 react js 应用程序的同一端口上运行数据库服务器。

然后您必须运行npm run build以创建build文件夹,该文件夹将部署到 heroku。

或者
简单地说,在build文件夹中你可以替换所有:

"http://localhost:4000/"

和:

"/"

别的东西:你不必上传node_modules文件夹github来部署你的应用程序。Heroku不需要它。
您使用 git,因此您应该重命名.gitignore.txt为 only.gitignore没有任何格式扩展名,并编写:

node_modules

在其中,忽略此文件夹git push

于 2020-11-10T19:31:39.797 回答