网站中Instagram的ig.me链接点击报5xx错误，粘贴地址栏正常的解决办法

问题原因 #

第三方网站通过target="_blank"跳转Instagram私信链接时，会自动传递页面referrer信息，触发了Instagram服务器的反外链拦截机制，导致5xx错误；而直接在地址栏输入URL时没有referrer，所以能正常访问。

具体解决方法 #

• 给链接添加rel="noopener noreferrer"属性
  这是最简单的解决方式，添加该属性后，跳转新标签页时不会传递referrer信息，绕过拦截。代码示例：

  <a href="https://ig.me/m/<profile-name>" target="_blank" rel="noopener noreferrer">打开Instagram私信</a>
  

• 用JavaScript手动控制跳转
  如果上述方法无效，可通过脚本拦截默认点击事件，手动打开新标签页并禁用referrer传递：

  <a href="https://ig.me/m/<profile-name>" class="ig-message-link">打开Instagram私信</a>
  <script>
  document.querySelectorAll('.ig-message-link').forEach(link => {
    link.addEventListener('click', function(e) {
      e.preventDefault();
      window.open(this.href, '_blank', 'noreferrer');
    });
  });
  </script>
  

• 备选方案：服务器端中转跳转（需服务器权限）
  若你拥有网站服务器控制权，可以做一个跳转中转页面，比如用PHP实现：

  <?php
  $igUrl = 'https://ig.me/m/<profile-name>';
  header("Location: $igUrl");
  exit;
  ?>
  

  网站上的链接指向这个中转脚本，跳转时的referrer为你的服务器域名，可避免触发Instagram的拦截。

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