如何在构建React项目后设置节点环境变量(运行时)？
在构建React项目后设置节点环境变量（运行时），可以按照以下步骤进行操作：
- 在React项目的根目录下，创建一个名为
.env的文件。 - 在
.env文件中，按照KEY=VALUE的格式设置环境变量。例如，REACT_APP_API_URL=http://example.com/api。 - 在React组件中，可以通过
process.env对象来访问这些环境变量。例如，process.env.REACT_APP_API_URL。 - 在运行React项目之前，确保你的环境已经安装了Node.js和npm。
- 打开终端，进入React项目的根目录。
- 运行
npm start命令来启动React项目。 - 在项目运行时，React会自动加载
.env文件中定义的环境变量，并将其注入到应用程序中。
设置节点环境变量的好处是可以根据不同的环境（开发、测试、生产）配置不同的值，方便在不同环境中切换和管理配置。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
相关·内容
2回答
我正在设置ReactJS项目，以便在运行时更改环境变量。构建命令： 1)跨环境NODE_ENV=production --环境标志=阿尔法·webpack 2)跨环境NODE_ENV=production --环境标志= webpack测试版 -- 但上述命令会在构建时更改环境变量但我只想在构建后的运行时更改生产环境的FLAVOUR变量。 例如。./build cross-env --env.FLAVOUR
浏览 29提问于2019-09-02得票数 2
回答已采纳
我已经对.gitignore文件采取了必要的步骤
现在，我想直接将我的代码从Github部署到设置了这些env变量的AWS S3桶中。如何做到这一点？
浏览 3提问于2020-01-06得票数 8
我的产品是在Windows上使用cygwin构建的。但Windows工具不理解cygwin路径，如/home/lib/如何在运行时设置这些变量，如是否可以设置环境变量就像这样。
浏览 1提问于2009-11-02得票数 1
回答已采纳
如何在运行时在节点中运行的scala.js程序中获取系统环境变量？在节点中，我使用process.env.ENV_VARIABLE和JVM scala sys.env.getOrElse(...)。我已经找到了编译时配置库，但是还不清楚如何将部署时设置(如键和URL)注入到预编译的_fastopt.js单个文件部署中。
浏览 0提问于2018-05-29得票数 0
回答已采纳
1回答
设想客户端库有什么意义？
、、、、
为了解决来自Redux的警告背后的问题，我无意中发现了，这解释了在使用React或Redux来生成适合于生产使用的构建时，设想是一个必要的步骤。被解释为用实际值(如'production' )替换节点特定的环境变量(如process.env.NODE_ENV )的过程。承认环境是必要的，而且上述解释是正确的，这让我感到困惑，因为它似乎假设客户端库(如React和Redux )将包含特定于节点的环境变量</e
浏览 3提问于2016-03-01得票数 5
4回答
我在Xcode 7.1中设置一个新的本机iOS项目时遇到了路径困难。我试图使用来管理节点版本，这意味着~/.ndenv/shims需要在路径上。为此，我将路径设置为用户定义的项目设置为$PATH:~/.ndenv/shims。Xcode设置UI显示正确的展开路径值。
然而，由react-native init生成的项目仍然无法构建。安装正确，但是生成输出中的环境变量</
浏览 6提问于2015-11-07得票数 5
回答已采纳
我是新的反应，我将部署一个反应项目。app项目由create- React app创建，生产代码由"npm构建“生成，由Express托管。在该项目中，有一些对API服务器的获取调用，URL希望是可配置的。在开发中，我可以通过在文件.env (例如，REACT_APP_API_URL=)中的环境变量中设置它并在代码中导入来实现这一点。但是，这些环境变量在运行"npm“后似乎变得静态，即使在启动服务
浏览 0提问于2018-07-18得票数 4
回答已采纳
我有一个用Electron.js创建的项目。它使用简单的HTML文件。但现在我想把这个应用程序转换成一个反应应用程序。在直接使用HTML文件的同时，我能够使用节点模块(如electron )，需要主app.js文件等等。在与webpack一起构建项目之后，React应用程序将被转换为静态文件。那么，如何在构建之后访问节点模块呢？
浏览 3提问于2020-04-14得票数 0
回答已采纳
1回答
无法让码头集装箱相互通信
、、、、
我有两个Docker容器，一个运行一个React应用程序(使用构建)，另一个使用Node。我已经设置了一个坞-组合文件，根据，我应该能够使用服务的名称在容器之间进行通信。但是，当我试图从React应用程序向API的/login端点发送请求时，我收到了一个net::ERR_NAME_NOT_RESOLVED错误。我用Unirest发送请求。
浏览 1提问于2018-02-01得票数 2
回答已采纳
JOB1必须在主服务器上运行，而在slaves.Job2上运行的JOB2是参数化的节点，我有3个节点。当我运行JOB1时，它会触发JOB2，但是JOB2仍然挂起，显示它与任何节点不匹配。如何在运行时将节点值传递给JOB2？我的意思是，当我运行JOB1时，它会请求将节点值传递给JOB2，或者设置一些键值对，以便对要运行的节点进行相应的操作。
浏览 1提问于2018-01-09得票数 1
回答已采纳
1回答
我正在尝试在circle ci上运行react原生安卓构建，这些是package.json中的react版本我正在设置这些环境变量Djava.util.concurrent.ForkJoinPool.common.parallelism=1" GRADLE_OPTS: '-Dorg.g
浏览 1提问于2018-02-01得票数 1
回答已采纳
我有一个React应用程序(基于Create-React-App)，容器化为Docker容器，然后将其部署到IoT-Edge设备上。React应用程序正在(试图)使用'azure-iot-device‘和’Docker lib‘，以便它能够与Docker Hub通信(并且，与其他后端azure-iot-device-mqtt'应用程序一起问题似乎是'azure-iot-device‘在内部依赖于环境变量，如'IOTEDGE_WORKLOADURI’和。据我所知，没有
浏览 0提问于2020-01-04得票数 0
我有一个使用firebase后端的react web应用程序。我目前有两个项目，一个用于测试，一个用于生产。我使用两个不同的分支，并使用firebase CLI手动部署它们。我想有一个不同的firebase项目为每个网站使用自己的数据库/功能。
这样做的最佳方法是什么？我可以使用自定义的.env吗？文件，每个项目一个，用来存储项目配置？如何使用一个命令将构建部署到多个项目，该命令使用正确的环境配置部署到每个项目。
浏览 0提问于2018-10-12得票数 1
3回答
我创建了一个React (使用npx创建-react)来使用API和fetch API创建一个小的天气信息服务(您认为这叫做？)。这都是前端(我还没有开始学习任何后端的东西)。如前所述，我做了大量的研究，因此(希望)排除以下情况：import React, { Component } from 'r
浏览 0提问于2020-08-05得票数 0
当我试图构建一个项目时，我会收到一条错误消息，比如NodeJs的路径没有被指定。文件名为Microsoft.MDA.target。
如何在其中指定节点js路径。请检查NodeJs是否已安装，并在生成之前设置NodeJsDir环境变量。”
浏览 5提问于2014-08-16得票数 2
回答已采纳
1回答
我编写了Ansible模块/角色/剧本来安装，在给定的目标节点上安装各种工具/配置(我想将其用作群集从节点)。在Ansible剧本运行完成后，我现在看到一个新的奴隶被创建并附加到我的Jenkins主，但是Swarm的文档(可用选项)没有提到如何在奴隶中创建环境变量。我的问题是：
如何在同一台目标机器上创建多个辅助服务器，它们都有自己的设置，用于设置各种工具，如JAVA_HOME、M2_HOME、GRA
浏览 10提问于2015-12-08得票数 1
3回答
我使用Jenkins在Linux上使用Maven自动化应用程序构建。
我应该在哪里设置环境变量(如$JAVA_HOME )，并将项附加到$PATH，以使它们可供Jenkins使用？
浏览 0提问于2018-03-07得票数 7
回答已采纳
我试着用gitlab的CI/CD制作一个yml文件来构建这个项目。myreactapp@0.1.0 build: `react-scripts build` npm ERR! Uploading artifacts for failed job ERROR: Job failed: exit status 1
现在它说警告被设置为错误是因为它不是powershell命令，还是react<
浏览 10提问于2020-05-17得票数 3
1回答
我想在build上创建一个散列，并将其设置为环境变量。它应该可以通过节点访问。函数按其应有的方式工作，但没有设置环境变量。有人能
浏览 1提问于2022-03-25得票数 1
回答已采纳
我正在使用Azure DevOps设置一个CI/CD管道，以便自动将一个React应用程序部署到多个环境中。据我所知，环境变量(REACT_APP_*)是在npm构建期间使用的。如何在不为每个环境创建步骤的情况下设置构建阶段？。这是我目前所拥有的"scripts": {
...,
浏览 3提问于2019-07-10得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
