我有一个从ngnix服务器获取的react应用程序。这个应用程序会访问Apache后端服务器来获取数据并使用这些数据来创建UI。我为我的应用程序配置了两个端点，dev nginx和prod nginx。现在我想要的是，当这个应用程序从dev nginx服务器获得服务时，我希望它选择后端tomcat服务器的dev端点，当它由prod nginx服务器提供服务时，我希望它选择生产tomcat服务器端点。我如何在我的react应用程序中注入这个后端服务器端点。
9gm1akwq1#
你有很多选择。这里有一些简单的：1.假设你至少有一个HTML文件是你的应用程序的着陆页。你可以生成两组HTML文件：一组用于开发，一组用于生产。每组HTML文件将包含一个JS变量，指示环境。1.您可以在启动nginx服务器之前运行一个脚本，修改HTML文件并注入一个变量（或者，实际上，只是变量的值）与环境信息。1.如果你不想动态修改HTML文件，你可以创建一个简单的JS文件，它只需要将一个变量分配给全局范围，并包含环境信息。然后你的HTML文件可以在加载应用的其余部分之前加载这个变量（通过<script>标签）。1.您可以根据nginx主机名猜测Apache主机名（例如，通过window.location.host）。
<script>
window.location.host
gorkyyrv2#
最好的解决方案是https://webpack.js.org/plugins/define-plugin/
2条答案
按热度按时间9gm1akwq1#
你有很多选择。这里有一些简单的：
1.假设你至少有一个HTML文件是你的应用程序的着陆页。你可以生成两组HTML文件：一组用于开发，一组用于生产。每组HTML文件将包含一个JS变量，指示环境。
1.您可以在启动nginx服务器之前运行一个脚本，修改HTML文件并注入一个变量（或者，实际上，只是变量的值）与环境信息。
1.如果你不想动态修改HTML文件，你可以创建一个简单的JS文件，它只需要将一个变量分配给全局范围，并包含环境信息。然后你的HTML文件可以在加载应用的其余部分之前加载这个变量（通过
<script>标签）。1.您可以根据nginx主机名猜测Apache主机名（例如，通过
window.location.host）。gorkyyrv2#
最好的解决方案是https://webpack.js.org/plugins/define-plugin/