React容器运行时替换JS环境变量失败，求修复方案

问题出在你的sed命令没有精准匹配BACKEND_API键的完整格式，导致替换时误修改了键本身。以下是针对性的修复方案：

核心思路 #

精准匹配BACKEND_API键与对应值的组合格式，只替换值的部分，保留键不变。

分场景的正确sed命令 #

假设你的构建后JS文件中，环境变量的格式为以下两种常见情况：

情况1：const/let变量声明格式 #

原始代码示例：

const BACKEND_API = "C:/Git/api/v1";

使用以下sed命令替换：

sed -i "s/BACKEND_API = \"[^\"]*\"/BACKEND_API = \"$BACKEND_API\"/" /path/to/your/bundle.js

情况2：对象属性格式 #

原始代码示例：

const config = {
  BACKEND_API: "C:/Git/api/v1"
};

使用以下sed命令替换：

sed -i "s/BACKEND_API: \"[^\"]*\"/BACKEND_API: \"$BACKEND_API\"/" /path/to/your/bundle.js

命令解释 #

• BACKEND_API = \"[^\"]*\"：精准匹配BACKEND_API = "xxx"的完整结构，其中[^\"]*会匹配双引号内的任意非双引号字符（即原来的旧值）
• 替换部分BACKEND_API = \"$BACKEND_API\"：保留键BACKEND_API，将值替换为容器环境变量$BACKEND_API的内容
• 用双引号包裹sed表达式，确保shell能正确解析环境变量$BACKEND_API

额外注意事项 #

• 测试时建议先备份文件：使用sed -i.bak替代sed -i，会自动生成.bak后缀的备份文件，防止误修改
• 提前验证容器内的环境变量值：执行echo $BACKEND_API确认值是否为预期的/api/v1

内容的提问来源于stack exchange，提问作者user2439278