React在开发过程中消耗API，部署后失败
React是一个用于构建用户界面的JavaScript库。在开发过程中，React可以通过API与后端服务器进行通信，获取数据并更新界面。这些API可以是自定义的后端API，也可以是第三方服务提供的API。
当部署React应用时，可能会遇到一些失败的情况。这些失败可能是由于多种原因引起的，例如网络连接问题、服务器故障、代码错误等。
为了解决这些问题，可以采取以下步骤：
- 检查网络连接：确保服务器和客户端之间的网络连接正常。可以使用网络诊断工具来检查网络连接是否稳定。
- 检查服务器状态：如果部署的React应用依赖于后端服务器，可以检查服务器的状态。确保服务器正常运行，并且没有出现任何故障或错误。
- 检查代码错误：检查React应用的代码是否存在错误。可以使用调试工具来定位和修复代码错误。
- 日志记录和错误处理：在React应用中添加适当的日志记录和错误处理机制。这样可以帮助开发人员追踪和解决部署失败的问题。
- 自动化部署和持续集成：使用自动化部署工具和持续集成系统来简化部署过程，并确保每次部署都是可靠和一致的。
对于React开发中消耗API的问题，可以考虑以下解决方案：
- 优化API请求：减少不必要的API请求，合并多个请求，使用缓存等技术来提高性能和效率。
- 异步处理：使用异步处理机制来处理API请求，避免阻塞用户界面。
- 错误处理：在API请求过程中，及时处理错误并提供适当的反馈给用户。
- 安全性考虑：在使用API时，确保数据的安全性和合法性。可以使用加密技术和身份验证来保护数据。
腾讯云提供了一系列与云计算相关的产品，可以满足不同需求和场景的开发和部署。以下是一些腾讯云产品的介绍链接：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 存储（对象存储、文件存储）：https://cloud.tencent.com/product/cos
- 区块链（腾讯区块链服务）：https://cloud.tencent.com/product/tbaas
- 元宇宙（腾讯元宇宙）：https://cloud.tencent.com/product/tencent-metaverse
请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我正在开发一个由create-react-app创建的React应用程序，我正在准备部署它。
问题是，对于开发，应用程序使用运行在我的开发环境(localhost：{ api })上的api实例，但是对于已部署的应用程序，它应该指向服务器api实例(api.myapp.com)。
当前，主机只是我的网络组件中的一个变量：
const hostname = 'localhost:9876'
我计划使用webpack来生成静态文件，这些文件将由生产前端提供服务，我希望继续使用npm start作为create-react-app设置的开发工具。
设置我的项目的正确方法是什么，这样主
浏览 5提问于2017-08-30得票数 4
回答已采纳
1回答
我正在使用脚本操作在HDInsight集群上安装Gi相图。部署群集30多分钟后，会出现一个错误。
部署失败
部署到资源组“图表”失败。底层API中可能有用的其他详细信息:至少有一个资源部署操作失败。有关详细信息，请列出部署操作。有关使用细节，请参阅。
提前谢谢。
浏览 1提问于2018-01-29得票数 0
在开发中，当我在localhost:3000上运行react服务器时。我在package.json中使用proxy为运行在loacalhost:5000上的后端服务器设置了baseurl。所以我在package.json中将proxy编辑为"localhost:5000“。因此，所有从axios发送的api请求都将被定向到该url。 axios.get("/name").then(res=>({...})) 与上述相同的请求将被重定向至： localhost:5000/name 在生产中，当我在heroku和vercel等在线平台上部署应用程序时。通过axios
浏览 22提问于2020-10-12得票数 0
1回答
我已经成功地使用Postgres将Django应用程序部署到Heroku。唯一的问题是，我编写的一些python函数可能需要几分钟才能运行(数据用selenium抓取许多页面，用keras生成50个不同的深度学习模型)。如果超过30秒，应用程序就会崩溃。我最终计划使用这个Heroku应用程序作为API，我将通过在netlify上使用React连接到前端。有办法在幕后自动运行这些函数吗？如果不是，我如何部署一个在后端运行耗费时间的python函数并为前端使用React的网站？
浏览 3提问于2022-04-14得票数 0
使用WSO2EI 6.4.0集成器(ESB)。我们开发了一个包含一些代理、序列和rest api定义的复合应用程序。
我们打算使用部署carbon应用程序(.car)，也可以将carbon应用程序复制到服务器/carbon应用程序文件夹中。
在一些更新之后，我们希望重新部署应用程序(取消部署旧的应用程序，部署一个新的应用程序)。在取消部署carbon应用程序后，carbon应用程序消失，代理消失，但rest api保留(在/carbon/api/index.jsp中可见)。
结果是没有部署新的定义(来自新的car文件)。这是一个bug，还是一个特性，或者我遗漏了什么？
浏览 0提问于2019-01-18得票数 1
我目前正在尝试将一个应用程序部署到aws，作为一个具有react前端和express后端的弹性beanstalk实例。
这是当前文件结构，客户端文件夹是create react应用程序
我运行了创建-反应-应用程序附带的npm run构建脚本，但eb deploy部署失败。
我是应该在react "client“文件夹中运行eb init，还是在express主repo部分运行它？有没有假设在express和react部分上都有一个构建，或者有一个script/npm包一起构建express api和react部分？
浏览 1提问于2018-02-03得票数 0
使用XML作为平台用户构建的组件的实际源代码，这些组件的示例是和。我使用文本编辑器或Eclipse编辑这些源代码文件，然后使用Eclipse构建构建并将car文件部署到WSo2 ESB服务器。
目前，如果我在API源代码文件(实际上是一个XML )中出错，通常在将car文件部署到WSo2 ESB并且部署失败之前不会检测到这一点。这个过程通常需要几分钟。
如果我的源代码中的错误导致我的XML源代码不是，那么Eclipse将显示在UI中，然而，我的car文件构建仍将继续进行。我想我需要在构建中添加一个XML格式良好的检查，以处理这个问题。
但是，如果该错误导致我的XML源代码格式良好，但WSo2
浏览 3提问于2016-03-16得票数 1
回答已采纳
9回答
我正在使用create-react-app开发我的react应用程序，并将其部署到Github页面。我的应用程序在开发过程中工作正常。但是，当我部署时，它成功地部署，但背景映像未能加载。
在index.css文件中加载背景图像：
body::after {
background-image: url("/background-img.jpg");
}
package.json主页
{
"homepage": "http://bigfanjs.github.io/my-repo/",
}
app目录上的背景图像：
| build
|
浏览 4提问于2018-06-23得票数 6
1回答
我试图在Azure应用程序服务上部署reactjs项目，但是当我启动部署时，我在npm安装部件上得到以下日志错误，而部署失败
我的节点版本是16.13.2
我遵循了以下步骤：
1-运行npm运行构建2-部署到主分支3-启动自动部署到Azure应用服务4-获得错误：
Updating iisnode.yml at C:\home\site\wwwroot\iisnode.yml
Invalid start-up command "react-scripts start" in package.json. Please use the format "node <
浏览 6提问于2022-03-05得票数 0
我正在为一个客户开发一个新项目，并被要求将create-react-app (react-scripts)从v.2.0.5更新到v.4.0.3。我这样做了，很多单元测试都失败了。我回顾了整个项目，并隔离了从react-scripts 3.4.4到4.0.0的更新。 基本上，我看到的主要错误似乎适用于针对async/await方法运行的任何测试。Jest报告测试超时，但这些测试只是超时，因为它们失败了。它们在早期版本的react-scripts (以及我猜的早期版本的Jest )上都通过了，没有问题。 thrown: "Exceeded timeout of 5000 ms for a
浏览 42提问于2021-09-01得票数 3
我们在ASP应用程序中嵌入了一个React应用程序--我相信react.js模板是用来创建项目的。 在API文件夹中，我们维护了一个appsettings.json文件来保存clientapp的URL。 ? ? 我们使用Git进行版本控制，并使用Azure DevOps存放存储库。实施了CD/CI，并建立了构建和部署/发布到部署槽的管道。 一旦部署，应用程序就可以在DEV部署槽中正常运行-- react应用程序可以正确读取API - DEV API目前是在appsettings.json文件中硬编码的。 我们希望使用转换来管理文件appsettings.json中API URL的状态
浏览 25提问于2019-12-19得票数 0
回答已采纳
2回答
我正在尝试使用Spring /Hibernate Restful部署一个React项目。我在本地运行SQL数据库，并以开发模式(localhost:3000)运行我的React应用程序，允许与我的API进行成功的通信。
但是，当我构建用于生产的应用程序(localhost:5000)时，API是不成功的。API响应是错误代码304。我最好的猜测是，有什么东西被改变的端口搞混了？它的工作原理是在端口3000上开发，在端口5000上构建失败。
我从来没有部署过一个反应应用程序，所以感谢任何帮助！
API调用
const apiCall = () => {
fileServic
浏览 3提问于2020-07-21得票数 3
回答已采纳
下面的使用按照预期在本地开发服务器和部署上工作。
client = gdata.youtube.service.YouTubeService()
gdata.alt.appengine.run_on_appengine(client,deadline=10)
query = gdata.youtube.service.YouTubeVideoQuery()
query.vq = search_term
query.orderby = 'viewCount'
query.max_results = '5'
feed = client.YouTubeQuery(
浏览 1提问于2011-02-05得票数 1
回答已采纳
1回答
我在ethers.js库中使用了安全帽，并且我注意到构造函数的参数是在智能契约部署期间传递的，而不是在契约实例化期间传递的。此外，在缺少智能契约构造函数的参数时，部署失败。
现在，我有一个硬编码键，它必须与传递给我的智能契约构造函数的参数相匹配，如下所示：
constructor(string memory authKey) {
if(keccak256(byte(authKey)) != keccak256("&65I_am_a_sample_hard_coded_key&#£@"))) {
// do not deploy (or j
浏览 0提问于2023-01-21得票数 0
我即将部署一个react应用程序。我有我的反应应用程序的API。在react开发服务器上，它在端口3000上服务，我的API在端口4000上。
我看到了两种处理这个问题的方法。
一种方法是在开发中使用CORS。如果我们走这条路，我们也需要在生产中使用CORS。我们将有一个ENV文件，它告诉react应用程序它应该向哪个主机/端口发出请求。我们的CI管道将有2个码头集装箱，2个回购。当我们部署前端或后端更改时，我们将能够独立地重新启动这两个服务器。我们将在mysite.com上运行1个对接器，在api.mysite.com上运行api。
另一种方法是在package.json中使用代理并将所有请
浏览 2提问于2021-02-20得票数 2
回答已采纳
我想用Android的仿真器在我的(非世博)中创建一个启动屏幕。
我试图在android/app/src/main/res/drawable文件夹中添加一个splash_screen.xml文件。当我将一个新的.xml文件放入android文件夹时，React编译器将显示以下错误消息：
iMac:新测试的Dora$ react原生运行-android服务器已经在运行。在设备上构建和安装应用程序(cd & ./gradlew installDebug)。
配置项目:应用警告:指定的Android构建工具版本(28.0.2)被忽略，因为它低于Android Gradle插件3.2.1支持
浏览 3提问于2019-02-24得票数 0
我正在开发一个应用程序(使用API的前端应用程序)，它基于创建-反应-应用程序包。我使用Heroku进行部署，目前有两个基于相同代码库、阶段和生产的部署。这些部署应该使用具有不同数据库的不同的开发/暂存/生产API。
是否可以根据运行react-scripts start的方式告诉创建-反应-应用程序使用不同的env变量？
env.development
REACT_API: https://localhost/react_api
env.staging
REACT_API: https://myappstagingapi.heroku.com
浏览 0提问于2018-03-28得票数 4
我有一个部署在Heroku上的React web应用程序(带有Flask API后端)。在开发过程中，在本地主机上，我的公共资源显示得很好，例如favicon。然而，一旦我部署到Heroku，资源就不会出现。
我的目录结构如下所示：
client/public/
index.html
favicon/
manifest.json
favicon.ico
favicon-16x16.png
...
这就是我试图在index.html文件的<head>中引用它们的方式：
<link rel="manifest" href=&
浏览 4提问于2017-10-21得票数 2
我正在用create-react-app编写一个(单页) react应用程序，它调用我的API，即AWS网关和AWS。我正试图用AWS s3静态主机托管这个react应用程序。
在本地开发时，由于缺少CORS标头，对我的API的请求(使用axios)会被阻塞。为了解决这个问题，我在我的package.json文件中向我的api网关域添加了一个代理：
"proxy": "https://***.execute-api.us-east-2.amazonaws.com/"
因此，请求工作在我的本地主机上，应用程序托管在节点开发服务器上。但是，当应用程序托管在AWS S
浏览 2提问于2019-12-19得票数 0
回答已采纳
我正在使用react native开发新闻应用程序，我的问题是应用程序的启动或启动时间很长(在主屏幕显示之前)，我将感谢任何建议，以改善speed.It需要大约4秒的初始加载和2秒的js。我有36篇文章要在主屏幕上显示，json响应很大，也许这就是问题的原因。
我的package.json看起来像这样：
{
"name": "tageblattapp",
"version": "0.0.1",
"private": true,
"scripts": {
"androi
浏览 0提问于2020-05-03得票数 4
1回答
我正在开发一个具有两个节点应用程序的React项目：
Client：使用React和Axios向后端服务发出请求的前端代码。
API：使用Mongoose连接到MongoDB和Express来处理restful请求的后端服务。
我有几个问题：
为前端和后端创建这样的独立节点应用程序是最佳实践吗？我想确认这是个很好的安排。
我在将它部署到Google时遇到了一些困难，可能需要一些提示。
我现在所做的是：
向我的API服务子目录添加了一个api.yaml。
使用gcloud app deploy client/app.yaml api/api.yaml部署，
浏览 2提问于2022-01-12得票数 1
我需要开发一个React + .Net核心应用程序，它将部署到Azure实例。我的问题是，我读过一些文章，说我需要2个Azure服务来托管应用程序。1:对于React前端2：.Net核心Web API应用程序
我是否需要有2个Azure服务实例才能部署。一个用于React JS，另一个用于.Net核心API？
我计划在Visual studio .Net React模板应用程序中进行开发。在其中，React应用程序和.Net核心Web位于同一项目中。如果我使用这个模板，我是否可以单独部署React应用程序和.Net核心应用程序接口项目？
或者我应该将React JS、JavaScript项目(
浏览 15提问于2021-03-05得票数 0
我正在开发一个在前端使用React的NodeJS应用程序。我的文件夹结构是：
root -
- client (React App)
- api (express server)
我的git文件夹位于根文件夹中，用于在整个开发过程中将整个项目推送到GitHub。但是我的repo现在需要在api文件夹中进行初始化吗？或者有没有办法告诉Heroku应用程序在api文件夹中？
Heroku上的错误：
Build failed
There was an issue building your app. Please ensure your app is deployable to Heroku
浏览 11提问于2020-06-04得票数 0
我已经使用React和node在heroku上部署了一个项目，为此我导入了一个包含各种API密钥(用于firebase、AWS等)的json文件。在开发过程中，我只是简单地使用import keys from './keys.json'。然而，我意识到这在Heroku中是行不通的，所以我设置了适当的环境变量并使用process.env来获取它们。不过现在..。我的项目的整个编译/构建都失败了，因为Heroku找不到keys.json (因为我没有部署它，原因很明显)。有没有办法让它在构建过程中忽略这个特定的失败，这样它就可以继续使用env变量？
浏览 3提问于2018-01-25得票数 0
我正在尝试将一个Gatsby内容的站点部署到Netlify，并且在部署它时会给我带来构建错误。在现场测试的同时，它的工作也很完美。下面是错误的屏幕截图：
在生产过程中，npm run build命令运行得很好。
我尝试过这个解决办法，但它解决不了这个问题。
指向github上的代码的链接是
我认为在部署时，内容API键有问题，但我不知道它是什么。
浏览 17提问于2021-06-27得票数 2
回答已采纳
我在Next.js应用程序中有一个页面，在这个页面中，我试图通过Next.js获取数据--在开发模式下测试它时，它工作得很好，但是在我部署到AWS之后，它就不能工作了。我正在尝试设置Meta标签，以便我可以共享动态页面的社交功能。
我试图通过state设置Meta标记，但它不起作用，就好像我们在组件挂载之后访问了状态，而facebook调试器无法找到我的Meta标记。我正在为getInitialProps使用类组件和代码，如下所示
static async getInitialProps({ query }) {
const resp = await axios.get(
浏览 8提问于2019-11-01得票数 0
1回答
我的问题有点不合常规，所以需要一些背景知识。我正在构建一个React应用程序和Express服务器。首先，对于这个应用程序，我需要用户能够输入他们自己的Google API密钥，并将其保存到数据库中，以便将来进行API调用。我的前端React应用程序需要从script标记导入Google API，并在查询参数中包含用户的API密钥。
因此，我在服务器上创建了一个名为/api/util/googleAPI的路由，它将告诉服务器使用用户的API键进行AJAX调用以获取Google API脚本并返回它。这一切都很好，我可以将脚本标记与https://domain/api/util/googleAPI
浏览 1提问于2018-08-28得票数 0
我有一个REST应用程序，它与REST一起工作，该API部署在与React应用程序相同的机器上。
React应用程序在端口80上(使用Apache )被耗尽
REST是一个部署在端口5000上的基于瓶的应用程序。
目前，作为一种解决办法，我将生产服务器设置为在主机X.Y.W.Z上运行，因此我在React文件中对API目标进行了硬编码：
const API_HOST = '‘
如果我希望API目标与React应用程序位于不同的端口上，那么设置API目标的最佳实践是什么？(看到了一些关于它的帖子，但没有人有解决方案，比如和 )
也许是将React路由器的请求转发到WebSe
浏览 0提问于2018-10-02得票数 1
正如标题所说，我有一个静态的创建-反应-应用程序，我正在使用Azure DevOps将其部署到Azure静态应用程序。问题是，.env变量在前端看起来都不是可用的。
具体地说，我有一个名为REACT_APP_MAP_API_KEY的API，它是我在Azure Devops上使用管道注入的。我已经通过日志记录确认了密钥是从变量组正确加载的。这是我的部署管道YAML文件：
trigger:
- main
pool:
vmImage: ubuntu-latest
variables:
- group: api-key-group
steps:
- task: CmdLine@2
浏览 0提问于2021-05-22得票数 0
我正在构建一个react应用程序(使用)，它从用django构建的服务器上获取和发布数据。我在react.js中使用axios请求。
它在开发模式下运行良好，但是当我构建react应用程序并部署到netlify时，请求url就会发生变化。在开发阶段，Chrome开发工具网络显示Request URL: https://xyz.herokuapp.com/abc/，但当我构建应用程序并部署到netlify时，它显示Request URL: https://loving-dijkstra-99eada.netlify.com/xyz.herokuapp.com/abc/和API调用失败。api调用
浏览 5提问于2019-11-25得票数 0
回答已采纳
1回答
如何让Firebase Auth在Heroku部署上工作？ Auth在MERN应用程序的本地开发中工作，没有任何问题。所有私人信息都存储在一个.env文件中，然后在我的react应用程序中通过process.env.VARIABLE_NAME调用。 但是，当我部署到Heroku production并添加环境文件时，如here所示，我收到错误消息：“您的API密钥无效，请检查您是否正确复制了它。” 这是我部署的Heroku应用程序：https://evening-fortress-01391.herokuapp.com/login REACT_APP_FIREBASE_API_KEY=XXX
浏览 11提问于2021-09-28得票数 1
回答已采纳
我已经开发了一个用作Chrome扩展的React应用程序(在Chrome扩展manifest.json中，生产index.html变成了default_popup html页面)
然而，我需要访问chrome API，并且我无法在我的react应用程序中使用它，因为该应用程序既不是background.js也不是内容脚本。我需要做什么才能使我的React应用程序能够访问Chrome API？
浏览 2提问于2020-08-10得票数 1
我在Heroku上将react和spring boot部署到两个独立的应用程序中。
React：
Spring：
在react中，我尝试通过获取数据，它被CORS策略阻止。我怎么才能修复它？
在开发中，我将代理更改为" proxy "：""，在我将React部署到heroku之后，它将不起作用。该怎么办呢。
hello = () => {
fetch("https://boot-hheroku.herokuapp.com/api/hello")
.then(response => response.text()
浏览 14提问于2019-07-20得票数 0
回答已采纳
我有一个前端React应用程序和一个后端Express应用程序在两个不同的Heroku dynos上运行。据我所知，前端服务器不知道我的Express应用程序，除非我专门向该API发送查询。相反，我的React应用程序是基于默认设置提供服务的，可能是由create-react-app提供的。
然而，我目前正在使用我的React路由器路由遇到，他们提供的解决方案是将以下代码添加到服务器：
app.get("*", (req, res) => {
res.sendFile(path.resolve(__dirname, "index.html"));
})
浏览 10提问于2019-07-26得票数 1
回答已采纳
1回答
构建过程中的集成测试序列
、、、
我们正在开发一个Web (ASP.net，C#)项目，并使用竹CI进行持续集成。我们在部署任务之前运行单元测试，以便在测试失败时不会发生部署。我们部署到开发服务器。我的问题是
在部署之前或之后，应该何时在构建过程中运行集成测试？
它是依赖于Real，还是在实体框架中使用内存选项？
我是应该使用owin来自托管web，还是在dev环境中使用托管的web？
浏览 0提问于2016-04-06得票数 0
1回答
我们在存储库(dev/prd)中有两个分支，每个分支代表一个部署环境。我们也有每个分支的GitHub操作密码，在开发分支中应该是dev_react_api，在prd分支中应该是prd_react_api。 现在，我们正在使用以下密钥secrets.dev_react_api和secrets.prd_react_api处理GitHub操作工作流 有没有像下面这样参数化GitHub操作秘密的解决方案？ # only pseudo-code
env:
branch_name: github.ref
secrets["${env.branch_name}_react_api"]
浏览 15提问于2021-08-24得票数 0
回答已采纳
1回答
我对部署和网络不是很熟悉，因为我主要是一个前端开发人员。我想用Laravel和React创建一个项目(独立的，不与刀片集成)，并将它们部署到AWS。我只想将Laravel用作应用程序接口服务器，并计划将其部署在EC2上。如果我在S3上托管我的React应用程序，我如何才能与运行在EC2实例上的API服务器共享同一个域？ 我知道我可以有单独的子域，就像我的React应用程序的www.example.com和我的API服务器的api.example.com。但是，如果我想为我的React应用程序使用www.example.com，为我的API服务器使用www.example.com/api，我有
浏览 19提问于2020-08-08得票数 1
回答已采纳
1回答
在生产构建中响应安全环境变量
、、、、
我正在构建一个React应用程序，并使用Docker和Jenkins进行生产部署.如何向这个静态应用程序安全地提供环境变量？这是我的Dockerfile：
# stage 1: build the react app
FROM node:10.15.0 as react-build
WORKDIR /app
COPY . /app
ARG REACT_APP_API_ENTRYPOINT
ARG REACT_APP_CONNECT_URI
ARG REACT_APP_CONNECT_CLIENT_ID
ARG REACT_APP_CONNECT_SECRET
ARG REACT_APP_C
浏览 0提问于2019-02-04得票数 3
1回答
我们在一个GIT存储库中有一个带有React应用程序接口的Rails应用程序，而在另一个GIT存储库中有一个GraphQL前端应用程序。后端和前端都有CI，分别部署。但是后端和前端仍然处于繁重的开发阶段，我们的临时服务器经常无法工作，因为部署不同步，我们不测试整个应用程序-我们测试API，我们测试没有API的前端。
只有当前端和后端同步时，部署前端和后端的最佳方式是什么?我的意思是，当新版本没有破坏功能时？我想到了第三个存储库，包括后端和前端，作为GIT模块，验收测试，并同时部署两端。但也许有更简单的解决方案？也许是一些版本控制？
浏览 4提问于2019-08-07得票数 2
我是一个反应的初学者。使用React进行开发，构建并部署到服务器。在部署时，使用‘’yarn build‘将结果文件上传到服务器apache。在开发过程中，在.env文件中设置了API服务器的地址。在构建和部署之后，我想在.env文件中更改API服务器地址。但是在构建的文件中没有.env文件... .env文件的值似乎无法修改。在这种情况下，有没有一种即使在部署之后也不需要构建就可以更改设置值的方法？
浏览 30提问于2020-09-03得票数 0
我正在开发一个具有create-react-app前端和Flask API后端以及Flask-RESTful的web应用。我在本地构建了这个应用程序，它可以在我的电脑上运行，但现在我试图将它部署到Heroku上，但失败了。
我将Flask后端和React前端部署为两个不同的Heroku dynos，因此每个都有自己的URL。当我转到前端的URL时，它似乎工作得很好，而后端的URL似乎也工作得很好。然而，该应用依赖于对后端的API调用，而我无法成功地将请求发送到我的后端。
当我在本地工作时，我会使用gunicorn --bind 0.0.0.0:8000 app:app运行flask后端，使用n
浏览 2提问于2018-08-12得票数 3
回答已采纳
有一个Node.Js应用程序接口和一个半成品的React应用程序。致力于部署，以获得开发周期的搅动。当前使用npm start在开发期间查看react服务器。Node API也是如此。当部署到亚马逊网络服务EC2时，我正在以最基本的方式构建，npm build推送到一个'release‘文件夹。
一旦deploy文件夹打开，我就可以进入它并运行serve -s release，这样我就可以正常运行了。我可以对api服务器做同样的事情。
为了让应用程序作为服务运行，对于api，我可以看到如何构建一个systemd进程并毫无问题地运行它。
对于react应用程序，有没有一种简单的方法来将服
浏览 15提问于2018-01-15得票数 0
我有两份申请。客户端是在react js上开发的，服务器端是在spring boot上使用RESTful api开发的。两者在localhost上都工作得很好。我尝试在heroku上部署这两个应用程序。服务器在heroku上的postgres db上工作正常(在postman上检查)。然而，当我在heroku上部署react应用程序作为单独的应用程序时，它只显示了没有数据的UI (来自spring boot webservice)。我将react应用程序中的web服务URL (本地用作)更改为heroku服务器应用程序URL(由heroku提供)。现在它起作用了。但是，我不知道是否正确的配置方
浏览 1提问于2019-11-29得票数 0
1回答
用响应JS
、、
我有一个用React开发的前端API应用程序，还有一个用Spring构建的rest。当我试图从我的react应用程序访问API时，我会得到一个403错误。我的API Rest部署在tomcat服务器中。
POST http://localhost:8080/fantasy/api/auth/signin 403
PostData.js:3 Uncaught (in promise) SyntaxError: Unexpected end of JSON input
浏览 1提问于2019-06-07得票数 0
回答已采纳
1回答
我们部门目前正在进行三层形式的开发。开发人员在他们的本地机器上工作，从托管一个空repo的集中式虚拟机中进行推送和拉取。在开发周期完成后，我们有了一个部署服务器，它实际上是用来托管应用程序的服务器，我们的目的是使用git推送/拉入到最终的部署服务器，以及使用post-receive钩子更新数据库信息。
我的理解是，如果开发周期很长或很复杂，那么开发服务器和部署服务器的状态之间可能会有许多冲突，其中大部分冲突已经在本地计算机和开发服务器之间的开发过程中得到解决。
有没有一种方法可以简单地将存储库和文件从开发复制到部署中，而不会因为这些潜在的冲突而导致完全混乱？一种选择是在这个过程中根本不使用Gi
浏览 0提问于2017-04-20得票数 1
我正在构建一个React应用程序，并使用Azure Web应用程序进行托管。在开发期间，我在整个代码中将我的端点设置为localhost，但这在部署时将不起作用，因为在Azure上没有localhost的概念。如何在本地环境和已部署环境之间管理端点？我是否必须在启动过程中进行条件检查，并设置一个我随后引用的变量，或者有更简单的方法来管理它？
浏览 3提问于2017-12-16得票数 1
回答已采纳
2回答
我已经构建了一个React应用程序(我的第一个React应用程序)和一个C#.NET Core3.1WebAPI，它为UI提供数据服务。我正在同一个服务器(Windows 10)上部署API和React应用程序，端口3030用于API，端口3029用于React构建，这是运行命令"npm“生成的。UI的IIS站点指向生成目录。
在我的开发环境中，使用部署的API运行应用程序是可行的，不需要代理。在部署时，我的屏幕将加载，但没有通过获取检索记录，而是有一个CORS错误：
Access to fetch at 'http://localhost:3030/api/checking&
浏览 4提问于2020-10-28得票数 0
回答已采纳
情况是，我有两个api项目，API A对API B执行HTTP请求。这两个API都部署到开发和生产环境中。
我想要实现的是:基于特定的配置文件(dev或prod)构建项目，这样代码就可以使用特定的baseurl在正确的环境中与正确的api对话。
因此，如果我基于prod标志构建API A，我希望它使用特定的url向部署在它自己的prod环境上的API B发出http请求。
浏览 4提问于2020-02-06得票数 2
回答已采纳
1回答
我使用的是firebase、react、axios和redux。我有两个单独的目录:一个用于API，另一个用于react应用程序。我有一个本地开发的代理，它工作得很好，但是当我部署到生产环境时- API调用使用应用的url而不是API URL。我是后端开发的新手，不确定需要做些什么才能配置生产环境
浏览 12提问于2020-04-22得票数 0
回答已采纳
8回答
非常新的Node和部署到Heroku。我已经设置了一个基本的React应用程序，并且正在尝试部署到Heroku。我已经推送了，但应用程序失败了。当我查看日志时，我看到了一些关于sh: 1: webpack: not found (full log )的东西
我真的不确定发生了什么，但我相信这与我的package.json有关？在我使用的起始模板中，如下所示：
{
"name": "express-react-redux-starter",
"version": "1.0.0",
"descripti
浏览 2提问于2016-09-13得票数 22
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
