Netlify.toml重定向动态变量配置问题：多环境自动部署场景

先给你明确结论：直接在netlify.toml的[[redirects]]块里用环境变量是行不通的，但你可以用下面两种不用维护多份toml、也不用本地CLI的方案来实现动态切换：

方案一：构建阶段生成动态重定向文件 #

Netlify允许在构建时生成_redirects文件（替代netlify.toml里的重定向配置），这样就能借助环境变量注入不同环境的API地址：

1. 去Netlify UI给每个站点/分支单独设置REACT_APP_API_ENDPOINT环境变量：
   • 生产站点填生产API地址，预发（Staging）填预发地址，UAT填测试地址即可
2. 修改项目的构建脚本，在build前自动生成_redirects文件：
   比如在package.json的build命令里添加前置步骤：

   echo "/v1/* ${REACT_APP_API_ENDPOINT}/v1/:splat 200! X-From=Netlify API_SIGNATURE_TOKEN" > public/_redirects && react-scripts build
   

   这里的!对应你原配置里的force=true，200是状态码，后面的参数和原配置逻辑完全一致
3. 每次Netlify自动部署时，都会根据当前环境的变量生成正确的重定向规则，无需修改netlify.toml

方案二：站点级UI配置重定向 #

Netlify后台支持直接给每个站点单独配置重定向规则，完全脱离代码仓库里的配置：

1. 打开对应站点的Netlify后台，找到Site settings → Build & deploy → Redirects
2. 给每个站点手动添加对应的重定向规则：

   /v1/* https://your-production-api.com/v1/:splat 200! X-From=Netlify API_SIGNATURE_TOKEN
   

   把API地址换成对应环境的即可，每个站点的配置独立，不会和代码仓库产生冲突

方案选择建议 #

• 方案一适合想统一规则模板的场景，改规则只需要调整生成脚本，所有环境同步更新
• 方案二更灵活，每个环境可以自定义规则，无需改动代码

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