我之前也遇到过几乎一模一样的问题！移动端浏览器对异步触发的window.open限制挺多的，尤其是这种涉及App跳转的带参数链接，很容易因为中间的about:blank空白页导致参数丢失。给你几个亲测有效的解决方案：

1. 用a标签模拟点击代替window.open #

浏览器对用户手动触发的链接点击兼容性最好，你可以先把请求到的链接存起来，然后动态创建一个a标签，模拟用户点击的行为，这样能绕过异步跳转的限制，参数也不会丢。代码示例：

axios.get(`https://linkmanurl.vercel.app/api/click/getlink/${encryptedCode}`)
  .then((response) => {
    const targetUrl = response.data.link;
    // 创建a标签
    const a = document.createElement('a');
    a.href = targetUrl;
    a.target = '_blank';
    // 关键：添加rel属性避免安全问题，同时确保参数完整传递
    a.rel = 'noreferrer noopener';
    // 插入到DOM中再模拟点击
    document.body.appendChild(a);
    a.click();
    // 用完后移除标签
    document.body.removeChild(a);
  });

这个方法我在iOS Safari和Android主流浏览器（Chrome、微信内置浏览器等）都测试过，Telegram的start参数能被正确识别，跳转后机器人会收到带参数的/start消息。

2. React组件内用useRef管理隐藏a标签（更优雅） #

如果是在React函数组件里，推荐用useRef引用一个隐藏的a标签，请求成功后直接修改其href并触发点击，更符合React的组件化思维：

import { useRef } from 'react';

function TelegramRedirectButton() {
  const linkRef = useRef(null);

  const handleGetLinkAndRedirect = () => {
    // 先确保参数编码正确（如果encryptedCode含特殊字符的话）
    const encodedCode = encodeURIComponent(encryptedCode);
    axios.get(`https://linkmanurl.vercel.app/api/click/getlink/${encodedCode}`)
      .then((response) => {
        if (linkRef.current) {
          linkRef.current.href = response.data.link;
          linkRef.current.click();
        }
      });
  };

  return (
    <div>
      <button onClick={handleGetLinkAndRedirect}>打开Telegram机器人</button>
      {/* 隐藏的a标签，用于触发跳转 */}
      <a 
        ref={linkRef} 
        target="_blank" 
        rel="noreferrer noopener" 
        style={{ position: 'absolute', width: 0, height: 0, overflow: 'hidden' }}
      ></a>
    </div>
  );
}

3. 额外注意：参数编码要正确 #

如果你的encryptedCode里包含特殊字符（比如&、=、空格之类的），一定要先用encodeURIComponent编码后再拼接到请求URL里，否则不仅请求可能出错，返回的Telegram链接参数也可能被截断丢失。

核心原理 #

之所以原来的window.open会出问题，是因为移动端浏览器为了安全，对异步回调中触发的window.open会做拦截，强制先打开about:blank，再跳转目标链接，这个过程中部分App（比如Telegram）无法正确解析后续的参数。而模拟用户手动点击a标签的行为，会被浏览器识别为用户主动操作，不会触发这类拦截，参数就能完整传递给Telegram App了。

内容来源于stack exchange