读取与Spring Boot捆绑的React中的环境变量
可以通过以下步骤实现：
- 在React项目中创建一个名为
.env的文件，该文件用于存储环境变量。在该文件中，可以定义各种环境变量及其对应的值。例如：
REACT_APP_API_URL=http://api.example.com
REACT_APP_API_KEY=1234567890- 在React组件中使用环境变量。可以通过
process.env对象来访问环境变量的值。例如，要访问上述示例中的REACT_APP_API_URL环境变量，可以使用process.env.REACT_APP_API_URL。
import React from 'react';
const MyComponent = () => {
const apiUrl = process.env.REACT_APP_API_URL;
// 使用apiUrl进行其他操作
return (
<div>
{/* 组件内容 */}
</div>
);
};
export default MyComponent;- 在Spring Boot中配置代理以将环境变量传递给React应用。在
application.properties文件中添加以下配置：
spring.resources.static-locations=classpath:/static/
spring.mvc.view.prefix=/static/
spring.mvc.view.suffix=.html- 在Spring Boot的控制器中，将环境变量传递给React应用。可以使用
@Value注解来获取环境变量的值，并将其作为模型属性传递给视图。
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class MyController {
@Value("${REACT_APP_API_URL}")
private String apiUrl;
@GetMapping("/")
public String index(Model model) {
model.addAttribute("apiUrl", apiUrl);
return "index";
}
}- 在React应用的入口文件中，使用
${apiUrl}来访问传递的环境变量。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>React App</title>
</head>
<body>
<div id="root"></div>
<script>
window.apiUrl = "${apiUrl}";
</script>
<script src="/static/js/main.js"></script>
</body>
</html>通过以上步骤，可以在Spring Boot捆绑的React应用中读取并使用环境变量。这种方式可以方便地在不同环境中配置不同的值，例如开发环境、测试环境和生产环境。同时，这种方式也可以保护敏感信息，如API密钥等，避免将其直接暴露在代码中。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云云数据库MySQL版、腾讯云云原生容器服务（TKE）等。您可以在腾讯云官网（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
我有一个Spring Boot应用程序和一个捆绑的React前端。它配置了maven前端插件来构建react应用程序，并将其放入/static中，以便由Spring Boot提供服务。所有内容都包装在单个.jar中，并部署到k8s集群中，在集群中，环境变量被单独处理，并由Spring Boot读取。
浏览 24提问于2021-04-22得票数 0
回答已采纳
2回答
我有一个spring boot java 8 API，我想在其中添加一个React前端，以使API操作更容易导航和使用。我使用生成器生成了一个React应用程序。然后，我将web部分放入我的应用程序中，但是，每当我运行Spring Boot应用程序并尝试导航到port :8080 it时，我都会得到以下页面：并在控制台中显示以下错误： } ];
if (e
浏览 0提问于2019-07-16得票数 1
我已经在我的机器上导出了一些简单的数据库证书作为ENV变量。export MYSQL_USER=root我试图将这些动态加载到我的配置文件中，放到spring boot中，但无济于事。我开始相信这是因为应用程序在TomCat容器中运行，因此与机器环境变量隔离。开发环境应用程序属性文件
spring.datasource.username = ${MYS
浏览 11提问于2017-12-14得票数 0
回答已采纳
在spring boot中，我想从vault中读取属性，但我想从环境变量中读取vaulr secret token和配置端点的完整路径。但是如果我给spring.cloud.vault.uri，它不起作用，为了从环境变量中获取，我使用${VAULT_TOKEN}，但这也不起作用。spring.cloud.vault.uri=http://127
浏览 12提问于2020-05-11得票数 1
我想通过一个环境变量配置我的MongoDB的连接uri。这样，我就可以在localhost上设置不同的值，或者如果Spring Boot应用程序在云中运行。我在我的build.gradle文件中包含了mongodb： compile 'org.springframework.cloud:spring-cloud-spring-service-connector，我目前在
浏览 8提问于2016-07-19得票数 0
回答已采纳
我有一个Spring Boot应用程序，它将在不同的环境中运行，根据它运行的环境，它将连接到不同的数据库。=postgresspring.datasource.username=dbuserspring.datasource.url=jdbc:postgresql:/
浏览 1提问于2016-07-13得票数 13
回答已采纳
Azure将启动详细信息加载到System.getenv()属性中。我希望它们出现在Spring的环境变量中。
我如何才能做到这一点呢？
浏览 5提问于2018-01-26得票数 0
回答已采纳
目前我的kafka服务器id是通过application.properties文件加载的。但是我想通过命令行传递，这样当程序启动时，我可以传递server-id。 现在我的程序运行正常。我的项目是用Java开发的，使用spring boot。我的apprication.properties #Kafka Config
spring.kafka.bootstrap-servers = ***.***.1.160:9092 Consume
浏览 118提问于2021-01-18得票数 0
3回答
我无法连接到heroku数据库，当我将我的应用程序部署到heroku时，我在日志中获得了这样的信息：
localhost-startStop-1警告org.springframework.web.context.support.AnnotationConfigWebApplicationContext-上下文初始化过程中遇到的异常-取消刷新尝试: org.springframework.beans.factory.BeanCreationException:错误创建名为“entityManagerFac
浏览 6提问于2016-04-21得票数 1
回答已采纳
2回答
我正在寻找一种方法，将我的Linux服务器环境变量映射到应用程序属性文件中的键。spring.mail.username={value} spring.mail.password={value} spring.mail.properties.mail.smtp.port={value}
{value}将来自系统定义的环境变量。
浏览 0提问于2021-11-25得票数 0
我在使用spring boot部署react nodejs应用程序时遇到了问题。spring应用程序在基本的HTML/JS上运行得很好，我也让react应用程序在dev模式下运行得很好，但我似乎遗漏了一些东西，无法正确地捆绑react和spring。目前，我可以通过一些简单的HTML和javascript ajax调用(无react)来运行/部署我的sp
浏览 1提问于2018-04-13得票数 15
回答已采纳
2回答
但我完全搞砸了记录器的依赖关系。我有一个简单的pom： <dependency> <artifactId>spring-boot-starter</artifactId>
</dependency>
浏览 1提问于2015-06-17得票数 3
回答已采纳
2回答
在docker容器中设置了一些参数。我想从我的spring boot应用程序中读取这些配置。我可以使用环境变量来读取它吗？
谢谢
浏览 0提问于2021-09-14得票数 0
1回答
使用Spring进行单点登录
、、、、
在企业应用程序中，如何通过使用Spring boot和React读取windows AD凭据来无缝登录应用程序，而无需登录页面。例如:如果我使用组织AD凭证登录到我的桌面，我的spring boot react应用程序可以读取它并在没有登录弹出窗口的情况下自动登录吗？
浏览 6提问于2020-05-06得票数 0
我是Axon框架的新手。我正在使用Axon Server对其进行评估。 使用Spring Boot非常方便，而且马上就能工作。问题是，我们的目标是将Spring Boot进程与非Spring Boot进程捆绑在一起(来自SAP的Hybris)。我的问题是:要在没有Spring Boot的情况下配置Axon框架4.2，我必须做什么
浏览 9提问于2019-09-18得票数 0
我不再确定Spring如何准确地处理环境、属性文件和配置位置。在我的spring-boot应用程序的结果坞容器下面。码头集装箱 |- spring-boot-app.jar |--|- application.propertieslogback-spring.xml不是
浏览 4提问于2017-10-09得票数 0
回答已采纳
我已经为Pivotal cloud foundry使用Spring cloud Service连接器很长一段时间了，它从VCAP_SERVICES环境变量获取连接细节。现在，我们需要从Vault读取这些凭据。我只是好奇，我还能继续使用spring cloud connector的服务绑定方法吗？我假设我们不想将这些来自vault的凭据暴露给VCAP_SERVICES变量，这会破坏vault的目的。在Spring cloud connectors
浏览 18提问于2020-01-16得票数 0
回答已采纳
2回答
我尝试了很多不同的方法来使它工作，遵循了很多不同的方法，我在网上找到了很多不同的方法，也是从StackOverflow上的问题中找到的，但是似乎没有什么对我有用。我将只发布我试图部署的应用程序中的最小部分。</groupId>
浏览 1提问于2014-10-18得票数 4
回答已采纳
2回答
根据弹簧轮廓设置变量值
、、、、
如何根据地域给变量赋值？system properties、dev-url="dev-abc.com"、prod-url="prod-abc.com"和qa-url="qa-abc.com"String url;
浏览 1提问于2017-07-20得票数 2
我想在Spring Boot应用程序中设置hibernate.format_sql。我想使用环境变量来设置它。Spring Boot非常方便地将所有环境变量从FOO_BAR_BAZ转换为Spring上下文中名为foo.bar.baz的属性。在Spring Boot中，如何使用环境变量设置目标名称中带有下划线的属性？假设HIBER
浏览 3提问于2015-12-09得票数 29
回答已采纳
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
