如何将Netlify预览按钮的链接指向对应部署的预览分支

解决方法 #

你可以按照下面的步骤逐一排查配置：

1. 确认部署预览功能正常开启

• 进入对应Netlify站点后台，依次打开 站点设置(Site settings) → 构建&部署(Build & deploy) → 持续部署(Continuous deployment) 板块
• 找到Deploy Previews配置项，确认设置为 任意拉取请求都生成部署预览，而非关闭或仅对指定分支生效

2. 修正预览按钮的链接生成规则
   如果你是在代码里自定义了站点内的预览跳转按钮、或者在Git仓库配置了自定义预览链接：

• 不要写死固定的主站地址https://blablala.netlify.app
• 改用Netlify内置环境变量$DEPLOY_PRIME_URL动态生成跳转地址，该变量在预览分支构建时会自动赋值为对应https://deploy-preview-xx--blablala.netlify.app格式的预览地址，生产环境构建时会自动指向主站地址，无需手动切换

3. 检查分支域名映射规则

• 在「构建&部署」板块找到**分支上下文(Branch contexts)**配置项，确认deploy-preview/*类预览分支没有被错误绑定到生产主域名
• 不要手动修改预览分支的默认域名分配规则，保持Netlify自动分配即可

额外提示：如果是Netlify后台的预览按钮跳转错误，注意不要点站点首页的全局预览按钮（该按钮默认跳生产主站），请进入「部署(Deploys)」列表，找到对应预览分支的单条部署记录，点击该记录对应的预览按钮即可跳转对应预览地址。

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