如何告诉React在部署应用程序后变量将全局可用？
在部署React应用程序后，可以通过使用环境变量来告诉React在应用程序中全局可用的变量。以下是一种常见的方法：
- 在React应用程序的根目录中创建一个名为
.env的文件。 - 在
.env文件中定义你想要全局可用的变量，例如：REACT_APP_API_KEY=your_api_key。 - 在React组件中，可以通过
process.env.REACT_APP_API_KEY来访问该变量。
这种方法的优势是可以根据不同的部署环境设置不同的变量值，例如在开发环境和生产环境中使用不同的API密钥。
应用场景：
- 在应用程序中使用API密钥或其他敏感信息时，可以将其存储为环境变量，以避免将其硬编码到代码中。
- 在不同的部署环境中使用不同的配置参数时，可以使用环境变量来管理这些参数。
推荐的腾讯云相关产品：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
请注意，以上答案仅供参考，具体的实现方法和推荐产品可能因实际需求和环境而异。
相关·内容
2回答
我有一个React应用程序，它将被部署到一个使用它自己的全局变量和方法的服务(Overwolf)。当然，只有在我构建了我的应用程序并在Overwolf的环境中启动它之后，该变量才可用。但是React拒绝构建，因为'overwolf' is not defined。 如何克服这个问题并成功构建应用程序？
浏览 25提问于2019-03-03得票数 0
我已经使用react构建了一个简单的简历；托管在heroku上，其代码可以在中找到。我正在使用一个服务，以允许其他人通过电子邮件联系我。在本地，我使用config/secrets.json加载初始化电子邮件对象所需的变量。我将config/secrets.json中包含的所有变量添加到位于Settings Config Vars的heroku应用程序中。
您可以看到我是如何尝试访问这些环境变量的。
浏览 3提问于2019-12-17得票数 1
3回答
我需要在一个更大的遗留应用程序中托管一个react应用程序，该应用程序有一些全局变量，在部署时我可以访问这些变量(在单独定义了带有全局变量的js文件之后，我引用了react应用程序的js文件)。显然，我在构建一个试图引用未定义变量的应用程序时遇到错误(更不用说，如果不能访问它们，我就无法<em
浏览 2提问于2017-08-22得票数 0
我正在将标准JavaScript文件转换为TypeScript，以便在SharePoint中进行客户端部署。SharePoint具有全局变量和库，无需在自定义脚本中显式加载这些变量和库。一个是全局对象named_spPageContextInfo。在我的TS文件中，编译器显然对这个对象一无所知，所以我需要知道如何最好地处理这种情况。到目前为止我已经让它发挥作用了：
const _spPageContextInfo = window[&
浏览 2提问于2017-12-11得票数 0
回答已采纳
在我的React with Webpack项目中，我将一些模块声明为全局变量，这样我就不必在每次使用它们时都导入它们。'React': 'react', })
] 现在我可以在任何地方使用_，React，moment，而不需要显式导入它在将</em
浏览 74提问于2021-01-26得票数 1
3回答
我让Django Rest Framework服务器在一个终端上运行，而React在另一个终端上运行。我使用下面提到的axios在React中使用Django API它工作得很好，在生产模式下，我会将main.js (由npm run build创建，React的构建文件)连接
浏览 34提问于2020-06-06得票数 1
回答已采纳
1回答
=${REACT_APP_SERVER_URL}ENV REACT_APP_REDIRECT_URL=${default.confEXPOSE 802)将码头图
浏览 2提问于2020-04-24得票数 0
我正在尝试在由react-native WebView加载的网页中设置一个全局变量。我试图使用injectJavascript属性来设置全局变量，但是我得到一个错误，告诉我injectJavascript应该是一个函数。如何格式化injectJavaScript函数以将消息作为全局变量传递到加载的网页？谢谢。class Browser extends React.Component
浏览 1提问于2018-03-08得票数 7
回答已采纳
1回答
我在连接react和express nodejs时遇到了问题。在生产环境中，它们可以很好地结合在一起，但在开发环境中，它们并没有连接在一起。我读了很多文章，但没有一篇对我有用。我正在heroku上部署。在生产环境中，如何使用heroku url替换本地主机端点。);for package.json/ "start": "node server/server.js",
&
浏览 1提问于2020-03-11得票数 0
我正在尝试将一个项目移植到世博会(似乎在一个普通的React Native环境中工作得很好)。我遇到了一个问题，其中有一个异常来自url-polyfill库('document is not defined')，因为它试图访问实际上未定义的document全局变量。如何在RN (Expo)环境中多填充URL (需要多填充，否则我会得到一个‘创建URL对象还不支持’异常)？此外，不太确定全局文档变量是否应该在React</em
浏览 0提问于2018-09-18得票数 0
1回答
我正在尝试使用Vite构建一个脚本文件，该脚本文件可以将全局变量加载到网页中。我使用的是库模式：。const root = createRoot(document.getElementById('root;
root.render(
<React
浏览 16提问于2022-04-14得票数 3
1回答
我在heroku上部署了一个完整的应用程序，这意味着有一个node.js后端和一个react前端。从前端抓取到后端使用"http//localhost:8080“类型的urls。在后端，我能够提取heroku分配给部署的端口，使用这是因为创建流程对象的是Node.js。在React前端中，这不起作用，因为流程对象是未定义的。
我玩过一
浏览 5提问于2022-03-30得票数 0
回答已采纳
我正在尝试将一个NodeJS应用程序部署到OpenShift上，尽管所有的部署似乎都运行正常，而且看起来正在运行，但它似乎正在侦听错误的IP。每个教程都指导我去听process.env.OPENSHIFT_NODEJS_IP，但是使用console.log时，我发现这个变量没有设置。NodeJS Openshift官方示例起点使用它：
任何使用过OpenShift 3的人都知道为什么我找不到IP地址/为什么那些理应全局可用
浏览 1提问于2017-11-07得票数 0
我如何知道我的React Native应用程序是在生产中运行还是在开发中运行？在JavaScript中有没有某种方式可以告诉你？是否有传入的全局变量？
浏览 0提问于2015-10-22得票数 82
回答已采纳
应用程序崩溃了“request_id=4841ef14-b2f2-4ae7-82d7-d47abf123db7 code=H10 desc=”/“host=jp-folio.herokuapp.com崩溃了“at=error code=H10”主机=jp-folio.herokuapp.com en1 20#“67.188.208.208”en22 en24 en26#
"react-chartjs-2"
浏览 2提问于2020-04-02得票数 10
回答已采纳
3回答
我在Visual Studio项目中的public/static/js/A.js中定义了一个全局变量：Class1中有一个函数LoadList(该变量将在我的项目的多个函数中使用，因此我将其设置为全局变量，并将JS文件包含到同一项目中的public/index.html中：
<script type="text/javascript" src="
浏览 2提问于2021-01-07得票数 0
1回答
一个web应用程序建立在React之上。另一个JavaScript实用程序正在使用React，但该实用程序是通过脚本标记加载的。因此，应用程序和实用程序是独立构建的。因此，web应用程序包文件和实用程序包文件都是内置的。
现在，我们想让他们分享一份反应。在web应用程序代码(如React )中，倾向于将global.React作为全局变量导出，以便该实用程序可以直
浏览 2提问于2018-11-05得票数 1
回答已采纳
1回答
Quartz作业启动后，该作业需要访问Java会话bean。我的软件有点旧(没有可用的依赖注入)，所以作业使用jndi查找来获取会话bean。作为jndi查找，我使用了可移植的JNDI语法。java:app/模块名称/企业bean名称/接口名称java:全局/应用程序名称/模块名称/企业bean名称/接口名称
我目前正在解决的问题是，Quartz无法找到使用应用程序范围的jndi名称(java:app)的bean，它只能使用<em
浏览 1提问于2015-07-17得票数 0
我有一个React应用程序(基于Create-React-App)，容器化为Docker容器，然后将其部署到IoT-Edge设备上。React应用程序正在(试图)使用'azure-iot-device‘和’Docker lib‘，以便它能够与Docker Hub通信(并且，与其他后端azure-iot-device-mqtt'应用程序一起，作为IoT -containers部署在设备上)。据我所知，没有办法在运行时
浏览 0提问于2020-01-04得票数 0
正如标题所说，我有一个静态的创建-反应-应用程序，我正在使用Azure DevOps将其部署到Azure静态应用程序。问题是，.env变量在前端看起来都不是可用的。具体地说，我有一个名为REACT_APP_MAP_API_KEY的API，它是我在Azure Devops上使用管道注入的。我已经通过日志记录确认了密钥是从变量组正确加载的。这是我的部署管道YAML文件：- main
vmImage:
浏览 0提问于2021-05-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
