如何在AngularJS中检查有效重定向URL并获取其响应码？

嘿，针对你要校验URL有效性、获取响应码还得追踪最终重定向URL的需求，我整理了几个实用的方案，分前端和Node.js场景来说：

一、前端场景：原生Fetch API（无需额外库） #

正则只能校验URL的格式合法性，但没法判断它是否真的可访问、会重定向到哪里。所以必须结合HTTP请求来做，Fetch API是浏览器原生支持的方案，很方便：

async function checkUrl(url) {
  // 先做简单的格式校验（可选，过滤明显无效的URL）
  const urlPattern = /^https?:\/\/.+/i;
  if (!urlPattern.test(url)) {
    return "该URL格式无效，请输入正确的HTTP/HTTPS地址";
  }

  try {
    const response = await fetch(url, {
      method: 'HEAD', // 用HEAD请求比GET更轻量，仅获取响应头信息
      redirect: 'follow' // 自动跟随重定向，默认配置即为该值
    });

    const finalUrl = response.url; // 拿到最终重定向后的URL
    const statusCode = response.status;

    if (statusCode >= 200 && statusCode < 400) {
      return `该URL有效，最终跳转至：${finalUrl}，响应码：${statusCode}`;
    } else if (statusCode === 404) {
      return `该URL无效，跳转至404页面，最终地址：${finalUrl}`;
    } else {
      return `该URL返回异常响应码：${statusCode}，最终跳转至：${finalUrl}`;
    }
  } catch (error) {
    // 处理网络错误、跨域拦截等异常情况
    return `该URL无法访问：${error.message}`;
  }
}

// 示例调用
checkUrl("https://google.com").then(console.log);
checkUrl("https://notfoundnotfound.com").then(console.log);

注意：如果遇到跨域问题，需要目标服务器配置CORS规则，否则浏览器会拦截请求。这种场景下可以考虑通过后端代理来完成校验。

二、Node.js场景：用axios库（便捷处理重定向） #

Node.js环境下，axios是非常流行的HTTP客户端，已经帮我们封装好了重定向处理逻辑，用起来很省心：

首先安装axios：

npm install axios

然后编写校验代码：

const axios = require('axios');

async function checkUrl(url) {
  const urlPattern = /^https?:\/\/.+/i;
  if (!urlPattern.test(url)) {
    return "该URL格式无效，请输入正确的HTTP/HTTPS地址";
  }

  try {
    const response = await axios.head(url, {
      maxRedirects: 5, // 设置最大重定向次数，避免无限循环
      validateStatus: () => true // 不主动抛出非2xx状态码的异常，自行处理结果
    });

    const finalUrl = response.request.res.responseUrl; // 获取最终重定向后的URL
    const statusCode = response.status;

    if (statusCode >= 200 && statusCode < 400) {
      return `该URL有效，最终跳转至：${finalUrl}，响应码：${statusCode}`;
    } else if (statusCode === 404) {
      return `该URL无效，跳转至404页面，最终地址：${finalUrl}`;
    } else {
      return `该URL返回异常响应码：${statusCode}，最终跳转至：${finalUrl}`;
    }
  } catch (error) {
    return `该URL无法访问：${error.message}`;
  }
}

// 示例调用
checkUrl("https://google.com").then(console.log);
checkUrl("https://notfoundnotfound.com").then(console.log);

如果想用Node.js原生的http/https模块也可以，但需要手动处理3xx响应头的重定向逻辑，代码会繁琐很多，用axios能节省不少时间。

三、关键注意点 #

• 正则仅作辅助：正则只能判断URL格式是否合规，绝对不能替代实际的HTTP请求校验——很多格式正确的URL可能根本无法访问，或者会重定向到意料之外的地址。
• 重定向跟踪：无论是Fetch还是axios，只要开启自动跟随重定向配置，都能直接拿到最终的跳转地址，比手动解析3xx响应头要高效得多。
• 异常处理：一定要捕获网络错误、超时、域名解析失败等异常情况，避免程序因未处理的错误崩溃。

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