如何将相对/绝对URL统一转换为带HTTPS协议的绝对URL？

核心逻辑 #

要实现任意输入URL转HTTPS绝对URL，只需三步处理：

• 清理输入的无效空格，排除空输入
• 判断是否已包含HTTP/HTTPS协议：有则将HTTP替换为HTTPS，无则直接添加HTTPS前缀
• 兼容example.com或www.example.com这类无协议格式

代码实现（JavaScript示例） #

function convertToHttpsUrl(inputUrl) {
    // 处理空输入或纯空格
    if (!inputUrl?.trim()) return '';
    
    const cleanedUrl = inputUrl.trim();
    // 匹配已存在HTTP/HTTPS协议的情况
    const protocolRegex = /^https?:\/\//i;
    
    if (protocolRegex.test(cleanedUrl)) {
        // 将HTTP协议替换为HTTPS，HTTPS则直接返回
        return cleanedUrl.replace(/^http:\/\//i, 'https://');
    }
    
    // 无协议则添加HTTPS前缀
    return `https://${cleanedUrl}`;
}

测试验证 #

以下是几种典型输入的转换结果：

• 输入 example.com/a.profile → 输出 https://example.com/a.profile
• 输入 www.example.com/a.profile → 输出 https://www.example.com/a.profile
• 输入 http://test.com/user → 输出 https://test.com/user
• 输入 https://existing.com/path → 输出原URL不变

扩展说明 #

如果需要处理更复杂的场景（如包含FTP等其他协议的URL、相对路径如/a.profile），可以在函数中添加额外判断：

• 对于其他协议的URL，可选择过滤返回空，或提示用户输入无效
• 对于相对路径（无前缀域名），需结合当前页面域名拼接，比如：

  // 处理相对路径示例（需结合当前域名）
  if (cleanedUrl.startsWith('/')) {
      return `https://${window.location.host}${cleanedUrl}`;
  }
  

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