首页
学习
活动
专区
工具
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的支持团队寻求帮助。

相关搜索:我的react应用程序在本地工作,但无法在heroku上部署为什么我的heroku应用程序即使在本地工作也会崩溃?我的Flask应用程序在我的本地服务器上运行,但它不是在Heroku上运行。这怎麽可能?我怎么才能找出为什么Rails应用程序在Heroku上对单个特定的URL抛出错误,而它在本地工作得很好?为什么我的下拉菜单脱机工作,而不是在我的服务器上?为什么我的熊猫过滤器在不同的步骤中工作,而不是在一个命令中工作?为什么我的UDF (在"cluster“模式下)是在本地(在驱动程序中)而不是在worker(s)上执行的?我的heroku应用程序在我的pc上可以工作,但在其他pc或智能手机上它不能让后端工作我的Angular应用程序在本地工作,但在Heroku上出现错误。源地图URL: index.js.map我已经在我的一个网页上添加了一个css,但它只在我的母版页上工作,而不是在特定的网页上为什么我在hover上的add类可以在Jsfiddle上工作,而不能在我的网站上工作?我是不是在标题中遗漏了什么?下一个js和Heroku应用程序用户在键入时被定向到http://,而不是安全的https://为什么Heroku没有显示我的一个页面?(如果我在本地主机上加载该页面,则该页面可以正常工作)在amplify服务器上运行react应用程序而不是在本地计算机上运行时,需要进行必要的调整我怎样才能让我的悬停缩放效果只在一个对象上工作,而不是在所有对象上?为什么我的Spring Boot应用程序可以在本地正确地提供web内容,但在Heroku上却获得了503?ReactJS:为什么我的react主应用程序组件在由键盘键而不是鼠标点击触发时会多次呈现?当我推送一个新版本的应用程序时,为什么我在Heroku上删除了muy上传的文件?我在Laravel和vuejs中的应用程序在我部署到VPS时,在vue组件中的API调用将转到本地主机,而不是我的服务器IP地址为什么我的应用程序的某些部分可以在一个上下文中工作,而不能在另一个上下文中工作?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

在 10 分钟内实现安全的 React + Docker

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

20.1K30

探索全栈开发:积累更多全栈开发经验的一天

一、初识全栈开发最初接触全栈开发,是因为我想能够独立完成一个完整的项目,从前端到后端,一手包办。全栈开发不仅仅是掌握多种编程语言,更重要的是理解各个层面的技术如何协同工作,提供完整的解决方案。...二、前端开发:从零开始构建用户界面前端开发是全栈开发的起点。为了让用户能看到和操作,我们需要创建一个美观且功能齐全的用户界面。我选择了React框架来构建我的第一个前端项目。...三、后端开发:搭建稳固的数据支持接下来,我开始学习后端开发。后端是整个应用程序的骨架,它负责处理数据存储、业务逻辑和与前端的通信。我选择了Node.js和Express框架来搭建后端服务。...部署步骤:安装Heroku CLI:下载并安装Heroku CLI工具。创建Heroku应用:在命令行中运行heroku create,创建一个新的Heroku应用。...通过这些步骤,我成功地将我的应用部署到了Heroku平台,并向朋友们展示了我的成果。六、总结从前端开发到后端服务,再到数据库管理和应用部署,全栈开发的每一个环节都充满了挑战和乐趣。

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

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

    1.4K30

    Heroku将12 factor应用迁移到开源。下一步是什么?

    该公司创建了这种方法来帮助开发人员在本地开发应用程序,“将其跨云提供商进行可移植打包,然后使其能够弹性运行,并使其成为令人愉悦的构建体验,”Heroku 的首席技术官在《The New Stack Makers...她说,对遥测的关注是这些讨论中得出的一个结果。 她说:“我们也都认识到,云原生开发人员不再只部署一个应用程序了。”“他们一起部署一个由多个后端存储组成的应用程序系统。...12 factor非常清楚地说明了一个应用程序与后端服务和数据存储,而这并不是当今云中应用程序开发人员的现实情况。”...“我认为,只有在我们结合了包括边缘、[物联网]、无服务器,甚至包括你不会认为是云原生的重量级分布式系统在内的应用程序开发用例时,我们的工作才足以更新12 factor。”...查看完整剧集,了解更多关于开源12 factor应用和 Heroku 的未来信息。

    5610

    别了,JavaScript;你好,Blazor

    WebAssembly被设计为可以和JavaScript一起协同工作——通过使用WebAssembly的JavaScript 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开发多年的认知,我明白为什么会出现npm和WebPack,也对它们取得的成熟和将要做出的贡献表示赞赏,微软也是花了大价钱把npm的提供商收至麾下,微软肯定不是傻子。

    3.1K30

    为什么我不再用Redux了

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

    2.7K20

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

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

    12K31

    2020年部署Web应用的4种方式

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

    2.9K20

    使用 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.4K20

    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.7K50

    完整的 Web3 和 Solidity 发展路线图 2022

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

    70831

    必备的DevOps工具链大盘点

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

    1.9K30

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

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

    994100

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

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

    81490

    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.4K20

    一文读懂微前端架构

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

    3K70

    主流 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.5K20

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

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

    4.1K20

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

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

    1.1K20
    领券