如何用JavaScript从.htaccess重写的URL中获取ID值？

嗨，别担心，这其实没那么复杂！我来一步步帮你搞定这个问题～

首先要明确一点：不管你的.htaccess做了怎样的URL重写，浏览器地址栏里显示的SampleProject/profile/aA12就是JavaScript能直接获取到的URL，不需要关心后端真实的请求路径，只需要处理这个友好的URL就行。

下面给你两种实用的方法：

方法一：拆分路径字符串 #

这种方法简单直观，适合大多数场景：

// 获取当前页面的路径部分（比如 "/SampleProject/profile/aA12"）
const pathname = window.location.pathname;
// 按斜杠分割路径，同时过滤掉空字符串（处理开头/或者结尾/的情况）
const pathParts = pathname.split('/').filter(part => part !== '');
// 取数组的最后一个元素，就是我们要的ID
const userId = pathParts[pathParts.length - 1];

console.log(userId); // 输出: "aA12"

如果你的URL结构固定（比如永远是项目名/路径/ID），也可以直接通过索引取值，比如pathParts[2]，但用length-1更灵活，哪怕路径变长也能拿到最后一段。

方法二：使用正则表达式匹配 #

如果你的URL结构固定，用正则可以更精准地定位ID：

const pathname = window.location.pathname;
// 正则规则：匹配"/profile/"后面的所有非斜杠字符，直到路径结尾
const idRegex = /\/profile\/([^\/]+)$/;
// 执行匹配
const matchResult = pathname.match(idRegex);

if (matchResult) {
  // 捕获组里的内容就是ID
  const userId = matchResult[1];
  console.log(userId); // 输出: "aA12"
}

这个方法的好处是，即使路径前面有变化，只要/profile/ID的结构不变，就能准确拿到ID。

额外小提示（针对URL重写新手） #

你的.htaccess规则大概是把类似SampleProject/profile.php?id=aA12的真实后端URL，重写成了浏览器显示的SampleProject/profile/aA12。但对于JavaScript来说，完全不需要知道这个转换过程——它只认浏览器地址栏里的URL，所以上面的方法都能正常工作。

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