如何限制MEAN Stack开发的Web应用不在Internet Explorer中打开？

没问题！针对你的MEAN Stack应用不支持响应式、IE显示效果差的情况，想要实现用户用IE打开时自动重定向到静态提示页的需求，这里有两种实用的方案，非常适合内部应用的场景：

方案1：前端快速检测重定向 #

直接在应用的入口页面（比如index.html）里添加一段脚本，页面加载时就判断浏览器是否是IE，是则跳转。这种方法不用改后端，几分钟就能搞定。

在index.html的<head>标签里插入这段代码：

<script>
// 判断是否为IE浏览器
function isInternetExplorer() {
  const userAgent = window.navigator.userAgent;
  // 匹配IE的UA特征：MSIE是旧IE，Trident是IE11
  return userAgent.indexOf('MSIE ') > -1 || userAgent.indexOf('Trident/') > -1;
}

// 如果是IE，立即跳转到静态提示页
if (isInternetExplorer()) {
  window.location.href = '/ie-not-supported.html'; // 替换成你的静态页实际路径
}
</script>

提示： 把静态提示页（比如ie-not-supported.html）放在Express的静态资源目录里（通常是public文件夹），确保能直接访问到。

方案2：后端Express拦截重定向 #

如果想更高效，在请求到达前端之前就拦截并重定向，避免加载不必要的Angular资源，可以在Express后端加一个全局中间件：

在你的Express主文件（比如app.js或server.js）里，在所有路由和静态资源中间件之前添加这段代码：

app.use((req, res, next) => {
  const userAgent = req.headers['user-agent'];
  // 通过User-Agent头检测IE
  const isIE = /MSIE|Trident/.test(userAgent);
  
  if (isIE) {
    // 重定向到静态提示页
    return res.redirect('/ie-not-supported.html');
  }
  // 非IE请求继续处理
  next();
});

注意： 一定要把这个中间件放在app.use(express.static('public'))和其他路由配置的前面，这样所有IE的请求都会被优先拦截。

静态提示页参考示例 #

你可以写一个简单友好的静态页，告诉用户换浏览器：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>浏览器不支持提示</title>
  <style>
    body {
      font-family: "Microsoft Yahei", Arial, sans-serif;
      text-align: center;
      padding-top: 100px;
      background-color: #f5f5f5;
    }
    .tip-box {
      background: white;
      padding: 30px;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      max-width: 500px;
      margin: 0 auto;
    }
    h2 {
      color: #e74c3c;
      margin-top: 0;
    }
    p {
      font-size: 16px;
      color: #333;
    }
  </style>
</head>
<body>
  <div class="tip-box">
    <h2>抱歉，当前浏览器不支持本应用</h2>
    <p>本系统仅支持Chrome、Firefox、Edge等现代浏览器，请更换浏览器后重试。</p>
  </div>
</body>
</html>

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