如何移除JavaScript Alert弹窗中自动显示的URL？

嘿，这个问题我之前也帮别人排查过——原生的JavaScript alert() 函数本身绝对不会自动附加localhost URL，所以这肯定是你的项目里某个自定义逻辑、工具插件或者错误处理代码搞的鬼。给你几个具体的排查和解决方向：

1. 检查项目里的自定义Alert重写 #

很多前端项目会全局重写alert来统一弹窗样式或者扩展功能，大概率是这里不小心把URL拼进去了。

• 全局搜索项目代码里的 alert 关键词，看看有没有类似这样的重写代码：

  // 保存原生alert
  const originalAlert = window.alert;
  // 自定义重写
  window.alert = function(message) {
    // 这里错误地拼接了当前URL
    const fullMessage = `${window.location.href}: ${message}`;
    return originalAlert(fullMessage);
  }
  

如果找到这类代码，直接删掉URL拼接的部分，改成直接传递message参数就行。

2. 排查开发工具或浏览器扩展的影响 #

如果你是在本地开发环境（localhost）遇到这个问题，可能是开发工具或浏览器扩展的自动注入导致的：

• 先试试禁用所有浏览器扩展，再测试重定向后的alert是否还带URL——有些调试类扩展会修改alert的行为。
• 检查项目的开发工具配置，比如Webpack Dev Server、Vite等，看看有没有开启错误提示相关的功能自动附加URL；另外，前端监控或错误上报插件也可能在alert时附加环境信息，去这类工具的配置里找开关关掉URL附加功能。

3. 检查重定向场景的错误处理逻辑 #

你提到只有从其他页面重定向过来时才出现，那重点排查重定向后的错误捕获代码：

• 看看项目里有没有全局的错误监听，比如 window.onerror 或者统一的try-catch块，可能是错误信息里把报错文件的URL（也就是localhost地址）和提示内容一起alert了：

  window.onerror = function(message, sourceUrl) {
    // 这里把sourceUrl（报错文件的URL）和message一起输出了
    alert(`${sourceUrl}: ${message}`);
  }
  

如果是这种情况，修改逻辑，只alertmessage部分即可。

4. 确认是否误用了UI框架的弹窗组件 #

有些UI库（比如Element UI、Ant Design等）自带弹窗组件，如果你误把它们的弹窗当成原生alert用，且配置了标题为当前URL，也会出现这种情况。检查你的代码，确保调用的是原生的 window.alert()，而不是框架的自定义弹窗组件。

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