首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的react应用程序,它有一个节点和mysql后端,在本地工作,而不是在Heroku上?

为什么我的React应用程序,在本地工作而不是在Heroku上?

React应用程序在本地工作而不在Heroku上可能有以下几个原因:

  1. Heroku配置问题:确保你已经正确地配置了Heroku环境,并且应用程序已经成功部署到Heroku上。你可以检查Heroku的日志和错误信息,以确定是否有任何配置问题。
  2. 数据库连接问题:如果你的React应用程序依赖于MySQL后端,确保你已经正确地配置了数据库连接。在Heroku上,你需要使用Heroku提供的数据库服务(如Heroku Postgres)来存储和管理你的数据。你可以在Heroku的文档中找到关于如何配置和连接数据库的详细信息。
  3. 网络访问限制:如果你的React应用程序需要访问外部资源或API,确保你在Heroku的配置中允许了相应的网络访问。有时候,Heroku的网络访问可能受到限制,你需要在配置中添加相应的规则来允许访问。
  4. 依赖项和环境变量:确保你的React应用程序的依赖项和环境变量在Heroku上正确地配置和安装。你可以使用Heroku的命令行工具或者在Heroku的控制台中进行配置。
  5. 版本控制和部署:确保你的React应用程序的代码已经正确地提交到版本控制系统,并且在部署到Heroku之前进行了必要的构建和打包。你可以使用Heroku提供的Git集成或者其他部署工具来进行部署。

总结起来,要使你的React应用程序在Heroku上正常工作,你需要确保正确地配置了Heroku环境、数据库连接、网络访问权限,并且正确地部署了应用程序的代码和依赖项。如果你遇到问题,可以参考Heroku的文档或者向Heroku的支持团队寻求帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

10 分钟内实现安全 React + Docker

你会看到一个简单、干净日历,并选择了今天日期。 ? 承认这是一个非常简单应用,但我们会用它来演示如何用 Docker 进行容器化。 为什么要使用Docker?...现在,你应该可以登录并看到你应用在 Heroku 运行了!你可以 https://securityheaders.com 验证其安全标头是否正确。 ?...好朋友 Joe Kutner是 Heroku 一名软件架构师,实现 Cloud Native Buildpacks 中发挥了重要作用。...Joe 对弄清楚如何使用 buildpacks 创建 Docker 映像技术提供了很大帮助,所以下面的说明应该归功于他。...了解有关 React Docker 更多信息 本教程中,我们学习了如何用 Docker 容器化你 React 应用。

19.7K30

什么是容器、微服务与服务网格?

将告诉你流量是如何在dotCloud平台上路由不是因为它是特别棒或其他什么(认为现在是比较合适时间),但主要是因为,如果一个普通团队需要一种一个微服务群或一个应用程序群之间路由流量方法,...逻辑流仍然是客户端-->网格-->服务,但是现在网格本地运行,不是远程节点运行,因此客户端-->网格连接是本地连接,因此速度非常快(微秒不是毫秒)。...通过直接在几个关键节点启动容器,不是依赖于平台构建器、调度程序运行器服务,部署了这些底层基本平台服务。...现在,当一个后端需要移动到另一台机器,或按比例放大或缩小,不是更新它所有消费者,我们只需要更新所有这些本地代理;我们不再需要重新启动消费者。...地址),不是127.0.0.0/8 它有一个额外组件(Citadel),用于客户机和服务器之间添加相互TLS身份验证 它增加了对诸如断路、分布式跟踪、金丝雀部署等新特性支持 让我们快速回顾一下这些差异

1.3K30

别了,JavaScript;你好,Blazor

WebAssembly被设计为可以JavaScript一起协同工作——通过使用WebAssemblyJavaScript API,你可以把WebAssembly模块加载到一个JavaScript应用中并且两者之间共享功能...Blazor 允许您使用 C# 不是 JavaScript 构建交互式 Web UI。 Blazor 应用由使用 C#、HTML CSS 实现可重用 Web UI 组件组成。...我们浏览器里运行JavaScript构建完整应用程序,见过大量.NET程序员转战前端战场。 我们拆分业务逻辑,做到前后端分离架构,以便某些逻辑浏览器运行,有些服务器运行。...为什么这是很酷: 您可以在任何静态文件服务器运行它(Nginx、ISS、Apache、S3、Heroku 等) 它以WebAssembly 运行 JS,以接近本机速度运行 C#。...基于我对Web开发多年认知,明白为什么会出现npmWebPack,也对它们取得成熟将要做出贡献表示赞赏,微软也是花了大价钱把npm提供商收至麾下,微软肯定不是傻子。

3.1K30

为什么不再用Redux了

需要在应用程序之间共享不可变数据时,它现在依旧是一种可以方便扩展优秀工具。 但是,为什么我们非得需要一个全局存储呢?...React Query 已经自己多数个人和工作项目中使用 React Query 几个月了。这个库有一个非常简单 API 几个 hooks,用于管理查询(获取数据)突变(更改数据)。...发现自己更容易将注意力集中在前端应用程序 UI/UX ,不会再时刻操心整个后端状态了。 要对比这个库 Redux 的话,我们来看这两种方法一个代码示例。...使用常规 JS、React Hooks axios 实现了一个从服务器获取简单 TODO 列表。...本文提到这些库代表了我们单页应用程序中管理状态方式变革,并且是朝着正确方向迈出一大步。期待着看到它们能对 React 社区产生怎样影响。

2.6K20

如何将 github 代码一键部署到服务器?

Github 看到一些不错仓库,想要贡献代码怎么办? Github 看到一些有用网站,想部署到自己服务器怎么办? 。。。 想很多人都碰到过这个问题。...如果要贡献代码,之前做法通常是将代码克隆到本地,然后本地编辑器中修改并提交 pr。...现在随着云技术普及,我们「没有必要将代码克隆到本地进行操作,而是直接在云端编辑器中完成修改,开发,并直接部署到云服务器」。今天就给大家推荐一个工具,一键将代码部署到云服务器。 什么是一键部署?...今天给大家介绍就是一键部署。那什么是一键部署呢?顾名思义,就是有一个按钮,点击一下就能完成部署工作。 如下是一个拥有一键部署按钮项目: ?...你可以通过右键「无痕模式」中打开来验证。你会发现右键无痕模式中打开是无法正常部署。 这有什么用呢? 一键部署意味着部署门槛更低,不仅是技巧,而且是成本

11.6K31

2020年部署Web应用4种方式

最重要是,如何部署web应用程序?今天在这里,我们将讨论比较部署这类应用不同平台,并找到最适合你平台!...它是一个自动化CI/CD软件,主代理体系结构上工作。那么什么是主/代理呢?嗯,代理只是软件一种花哨说法,它安装在一台机器,用于协调[绑定]不同构建。...可以使用其他一些工具是物理服务器,甚至是运行在Kubernetes临时容器。 优点: 它是高度可定制。 它非常灵活,因为它有超过1.5K插件。...4、自动化云平台 最后,对于一个完整简单自动化解决方案,我们可以选择许多自动化云平台中一个。[其中,个人更喜欢男招待,但这完全是主观。...基本,大多数幕后编码工作已经为您完成了,因此您可以直接从git存储库部署代码。 所有关于设置云服务器、web服务器类似繁琐任务担忧都不需要您操心。

2.8K20

使用 NextJS TailwindCSS 重构博客

第一版:使用 Hexo Github pages 优点:重新部署只要花 5 分钟,内容管理本地 纯静态、免费; 缺点:依赖 Github,国内访问困难; 第二版:React + Antd + Mysql...,对来说, TailwindCSS 不仅仅是一个原子类超级样式库; 1、我们写样式时候,经常会写类名,团队成员之间会存在样式冲突可能,虽然我们可以使用 css modules 来避免,但却会存在取类名称疲劳问题...文章内容写完之后是通常不变,所以可以先将页面静态存储服务器,这样就可以大大减小数据库压力。 getStaticProps 构建时请求数据。...Prisma 支持 Mysql、Postgresql Sqlite, 访问官网我们可以很容易上手,也可以快速从老项目接入 虽然 Prisma TypeORM 解决了类似的问题,但它们工作方式却大相径庭...1、MySQL 里有只有 utf8mb4 才能显示 emoji 坑, Pg 就没这个坑; 2、Pg 可以存储 array json, 可以 array json 建索引; 代码编辑器 从上一版是

2.3K20

JVM并不是那么重量级

当我Heroku上部署了一个生产应用时,第一次克服了对JVM“恐惧”。这款应用每天只需要完成一项任务。...要克隆并运行一个示例应用程序需要升级XCode,升级XCode命令行工具(总计6GB),安装一个Ruby版本bundler,然后示例应用程序中安装包。简单对吧?...同样,需要更新nvm,安装一个值得尊敬节点版本,安装ember-cli,生成应用程序并通过npm凉亭安装依赖项。 玩了一点,放弃了,相反,少数几个来了的人分享了这段经历。...与JVM日常工作 2012 MacBook Pro运行了至少5个JVM进程,内存为8GB。从来没有尝试过同时启动5个Rails应用程序为什么同时开启5个?...正确思路下谁会运行5个或更多JVM进程呢?可以很自信地说肯定不是唯一一个。 哦,但是class paths其他疯狂东西呢?由于Clojure提供了伟大工具,没有必要去管这些。

1.6K50

完整 Web3 Solidity 发展路线图 2022

了解什么是去中心化应用程序: 检查 DApp 雷达以查看 Defi(去中心化金融)其他基于区块链应用程序真实示例 https://dappradar.com/ 要了解 DApp 前端后端如何协同工作...4. 2022年学习前端开发 - 完整 Web3 Solidity 发展路线图 2022 正如所说去 中心化应用程序一个标准普通 JavaScript 或 JavaScript 框架前端,这就是为什么深入开发你一个...完整 Web3 Solidity 发展路线图 2022 去中心化应用程序后端与“标准”应用程序后端有很大不同,因为区块链技术被用作去中心化数据存储主要来源,标准后端通常使用数据库或对象存储。...它还将使您能够启动本地以太坊节点来测试您智能合约,而无需将它们部署公共区块链 Nader Dabit 全栈以太坊开发教程中了解 HardHat。...这就是为什么 您应该学习如何 部署智能合约之前彻底测试它们原因。 如何测试去中心化应用程序? 有 4 种类型测试来测试您智能合约: 节点测试。 功能测试。 性能测试。 API 测试。

58131

必备DevOps工具链大盘点

构建 Web、桌面移动应用程序,并将其部署到云端或本地。 通过管道自动化构建和部署,减少具体细节花费时间,把更多时间花在创造性事情。...Heroku一个基于容器云 PaaS。开发人员使用 Heroku 来部署、管理扩展现代应用程序。这个平台优雅、灵活、易于使用,为开发人员提供了发布应用程序最简单途径。...Prometheus 服务器核心原理是抓取——也就是说,调用各个节点暴露出来指标端点。它定期收集这些指标并将它们存储本地。 Zipkin Zipkin 是一个分布式跟踪系统。...Skype 更适合寻找整体商业解决方案团队, Zoom 更适合频繁进行视频聊天和会议团队。不过,这两种工具都不是专门为远程工作构建。 中国版本推荐 腾讯会议、钉钉、飞书、WeLink 等。...希望你能够喜欢这篇文章。DevOps 是一种令人兴奋工作方式,尽管它不是唯一方式,甚至不是最好方式。更好东西可能会在未来出现,但目前看来,它似乎代表了一种很好团队协作方式。

1.8K30

助你成功搭建云应用12条方法

今天,想谈谈上个月Red Hat Summit关于12-Factor App分享。...每一个正在将应用程序迁移到云端开发人员都将面临一个与过去完全不同环境,他们使用数据中心或自己机房,这就是为什么他们应该关注12-Factor App原因。...这十二条是由Heroku一个云提供商发布一个通用解决方案,大多数他们客户决定放出这些解决方案作为一种方法论。这十二条特性旨在解决与云中运行应用程序相关问题。...如果用一句话概括这个分享,并不是想法让大家记住这十二条特性,而是想让了解为什么一个都是非常重要。 基准代码 - 使用版本控制,一份基准代码,多份部署版本控制。...后端服务 — 一个12-Factor App部署应该支持切换到一个本地MySQL数据库,或由第三方管理(如Amazon RDS)数据库,而无需对程序代码进行任何更改。

953100

React从入门到放弃,一个关于网页速度故事

工作中尝试了 React,并在 Clojure 主题峰会(Clojure Cup 2013)期间发现 CLJS React 简直是天作之合。React 为什么这么好呢?...比较老旧硬件或 Android 系统,这变得不可接受! 2016 年时候,一个主要原因是我们启动时间采取了大改动,拥有了一个没有页面加载且具有大量交互富 web 应用程序。... React 出现之前,读过“如何靠 vanilla JS 生存”这类文章,但这些文章通常没有任何意义——它要么是一个关于它有多伟大喧嚣,而无视所有问题(关注点分散、内聚性、组件化、代码封装)...这样的话, HTML 树某个地方有一个组件,树上更高位置一个属性改变了这个组件行为。认为这是一个奇怪动态范围,可不想要那样!...并不是我们刚开始时预想所需时间(“应该最多需要两三周!”),呵呵,但并不是只有我们这么做。从代码中移除 React 相关代码并将我们 app 打造成一个服务端应用程序仍然花费了很多时间精力。

1K20

运维必备DevOps工具链大盘点

构建 Web、桌面移动应用程序,并将其部署到云端或本地。 通过管道自动化构建和部署,减少具体细节花费时间,把更多时间花在创造性事情。...Heroku一个基于容器云 PaaS。开发人员使用 Heroku 来部署、管理扩展现代应用程序。这个平台优雅、灵活、易于使用,为开发人员提供了发布应用程序最简单途径。...Prometheus 服务器核心原理是抓取——也就是说,调用各个节点暴露出来指标端点。它定期收集这些指标并将它们存储本地。 Zipkin Zipkin 是一个分布式跟踪系统。...Skype 更适合寻找整体商业解决方案团队, Zoom 更适合频繁进行视频聊天和会议团队。不过,这两种工具都不是专门为远程工作构建。...希望你能够喜欢这篇文章。DevOps 是一种令人兴奋工作方式,尽管它不是唯一方式,甚至不是最好方式。更好东西可能会在未来出现,但目前看来,它似乎代表了一种很好团队协作方式。

1.3K20

【译】助你成功搭建云应用12条方法

今天,想谈谈上个月Red Hat Summit关于12-Factor App分享。...每一个正在将应用程序迁移到云端开发人员都将面临一个与过去完全不同环境,他们使用数据中心或自己机房,这就是为什么他们应该关注12-Factor App原因。...这十二条是由Heroku一个云提供商发布一个通用解决方案,大多数他们客户决定放出这些解决方案作为一种方法论。这十二条特性旨在解决与云中运行应用程序相关问题。...如果用一句话概括这个分享,并不是想法让大家记住这十二条特性,而是想让了解为什么一个都是非常重要。 基准代码 - 使用版本控制,一份基准代码,多份部署版本控制。...后端服务 — 一个12-Factor App部署应该支持切换到一个本地MySQL数据库,或由第三方管理(如Amazon RDS)数据库,而无需对程序代码进行任何更改。

77990

一文读懂微前端架构

最可怕是,这些东西都在飞快地发展变化中,当你正忙于学习ES8,ES9,ES10新特性时候,今天要和大家分享希望不是压死前端开发小骆驼最后一根稻草--微前端。...组件是底层UI库构建单元 模块是相应运行时构建单元 包是依赖性解析器构建单元 微前端是所提出应用程序构建块 二、为什么需要微前端? 它有什么优势?...只有当应用程序达到一定规模时,这才开始变得更有意义。 三、如何实现微前端架构 微前端不是一个库,是一种前端架构设计思路,要实现微前端,本质就是在运行时远程加载应用。...眼中微前端更多是指这种运行时加载微前端,因为独立构建,部署测试是我们对于“微”定义。 从前后端责任分层来看,可以从前端或者后端来实现。...例如Nginx路由能力,在前端可以动态请求不同后端应用,一个后端应用独立运行,前端可以把这些不同后端应用加载,编排在一起。

2.9K70

主流 PaaS 平台架构:谷歌GAE、AEB、Cloud Foundry、Heroku

亚马逊云边界最外端有一个功能强大DNS 服务器,它会接收用户域名查询工作,并将后端配置负载均衡正常服务 IP 返回给用户,在这里它提供了安全可靠路由功能。...针对部署工作,它定义了一套 REST API,底层基于 Ruby 命令行工具来与版本控制器交互,在这个平台上你可以使用 CVS、Subversion、Git 等各种版本控制器,不是仅限其一。...Heroku 打破了日志输出传统观点,我们一般认为日志是非常重要、不可缺失,日志以文件形式存放在本地磁盘中,并且有开头、结尾,重视日志文件中每一行内容时间排序关联性。... Heroku 将日志看作一条一条流式信息,它将这些输出发送到远端,集中管理、预警。 一个 PaaS 平台会提供大量后端服务组件,包括持久化数据库、邮件 SMTP 服务、消息队列、缓存等。...Heroku 就为这些后端服务访问定义了一套 add-ons API,从而实现了代码与某个固定服务解耦。 Heroku 最流行后端服务是 PostgreSQL 数据库。

6.3K20

【Web后端架构】2022年10个最佳Web开发后端框架

这些都是2022年Java、Ruby、Python、JavaScript、PHP、ScalaGolang中进行web开发最佳后端开发框架 本文中,将与您分享创建web应用程序10个最好后端框架...如果没有后端,前端可能会工作,也可能无法工作,但要创建一个功能齐全web应用程序,必须有一个与前端连接适当后端后端开发人员角色不同于前端开发人员。...js,JavaScript在后端开发社区受欢迎程度迅速增加,在过去十年中,Node。js已经成为顶级品牌之一。 这就是为什么Express2010年为节点开发者发布原因。它是一个极小节点。...2022年js需要一个资源,推荐MERN堆栈从前到后:完整堆栈React、ReduxNode。...如果你想了解更多关于使用GolangFiber构建web应用程序知识,建议你加入Rob PercivalCodeStarsUdemy完整React&Golang课程。

4K20

干掉 Jenkins?顶级 DevOps 工具链大盘点

构建 Web、桌面移动应用程序,并将其部署到云端或本地。 通过管道自动化构建和部署,减少具体细节花费时间,把更多时间花在创造性事情。...Heroku一个基于容器云 PaaS。开发人员使用 Heroku 来部署、管理扩展现代应用程序。这个平台优雅、灵活、易于使用,为开发人员提供了发布应用程序最简单途径。...Prometheus 服务器核心原理是抓取——也就是说,调用各个节点暴露出来指标端点。它定期收集这些指标并将它们存储本地。 Zipkin Zipkin 是一个分布式跟踪系统。...Skype 更适合寻找整体商业解决方案团队, Zoom 更适合频繁进行视频聊天和会议团队。不过,这两种工具都不是专门为远程工作构建。 中国版本推荐 腾讯会议、钉钉、飞书、WeLink 等。...希望你能够喜欢这篇文章。DevOps 是一种令人兴奋工作方式,尽管它不是唯一方式,甚至不是最好方式。更好东西可能会在未来出现,但目前看来,它似乎代表了一种很好团队协作方式。

1K20

8个写完以后就可以让你成为顶尖开发者有趣应用程序

只有不断努力才能成为伟大开发人员。想象一下 ——你不能通过阅读大量关于健身,成为一个身体健康的人。你实际需要去健身房,把时间汗水放进去!同样概念也适用于编码。...嗯,这不是一个应用程序,但是在技术理解WebPack下我们如何工作,它仍然是非常有用。它将不再是一个“黑箱”,而是给你带来一个强有力工具。 要求: 编译ES7回到ES5。...(Vue-cli创建React应用程序要用到) 使用Heroku,now.sh或GitHub为生产环境建立未来部署做准备。...一个应用程序?地址:http://todomvc.com/examples/react/#/。已经有多少人试过了?是的 ,知道有很多。但是这不重要,最重要是 知道 如此受欢迎是有一个原因。...理解本地应用程序Web应用程序工作方式会让你很容易从人群中脱颖而出。 你将学到什么: Web套接字(即时消息) 本地应用程序是如何工作。 布局是如何在本地工作本地应用程序路由。

2.6K10

必备DevOps工具链大盘点

构建 Web、桌面移动应用程序,并将其部署到云端或本地。 通过管道自动化构建和部署,减少具体细节花费时间,把更多时间花在创造性事情。...Heroku一个基于容器云 PaaS。开发人员使用 Heroku 来部署、管理扩展现代应用程序。这个平台优雅、灵活、易于使用,为开发人员提供了发布应用程序最简单途径。...Prometheus 服务器核心原理是抓取——也就是说,调用各个节点暴露出来指标端点。它定期收集这些指标并将它们存储本地。 Zipkin Zipkin 是一个分布式跟踪系统。...Skype 更适合寻找整体商业解决方案团队, Zoom 更适合频繁进行视频聊天和会议团队。不过,这两种工具都不是专门为远程工作构建。 中国版本推荐 腾讯会议、钉钉、飞书、WeLink 等。...希望你能够喜欢这篇文章。DevOps 是一种令人兴奋工作方式,尽管它不是唯一方式,甚至不是最好方式。更好东西可能会在未来出现,但目前看来,它似乎代表了一种很好团队协作方式。

2.3K30
领券