我们有一个 CRA(创建 React App)应用程序,我们需要将它部署到许多不同的环境中。我们正在使用Kubernetes来生成这些环境,因此我们将拥有许多环境,数量不是固定的。
问题是这些环境必须在相同的域名下并且必须具有相同的路径结构。(这是一项业务要求,我们无法影响它)。
环境示例:
https://www.example.com/company/app-env01/react_application/
https://www.example.com/company/app-env02/react_application/
https://www.example.com/company/app-env03/react_application/
https://www.example.com/company/app-env-foo/react_application/
https://www.example.com/company/app-env-bar/react_application/
https://www.example.com/company/app/react_application/
Run Code Online (Sandbox Code Playgroud)
所以固定结构是: https://www.example.com/company/app[-____]/react_application/
使其在单个环境中工作的方法是在脚本中指定PUBLIC_URLpackage.json build:
https://www.example.com/company/app-env01/react_application/
https://www.example.com/company/app-env02/react_application/
https://www.example.com/company/app-env03/react_application/
https://www.example.com/company/app-env-foo/react_application/
https://www.example.com/company/app-env-bar/react_application/
https://www.example.com/company/app/react_application/
Run Code Online (Sandbox Code Playgroud)
这仅适用于一个环境(env01在这种情况下),但我们需要将单个构建工件(静态文件包)部署到许多不同的环境,这些环境具有不同的PUBLIC_URLs。
这是否可以在不为每个环境构建应用程序的情况下实现?
我们的部署工件是一个Docker 镜像,它只是Nginx为之前构建的React 静态文件提供服务。
浏览器正在访问我们的Kubernetes Ingress,它剥离了路径并将请求转发到运行Nginx的 Docker 容器(在 K8S Pod …