如何在索引页从URL中提取用户名并解决URL未找到报错问题

你遇到的404报错是因为服务器默认会把/any_name作为独立的文件/目录资源去匹配，找不到对应资源就直接返回404，不会把请求转发给根目录的索引页处理，自然没法执行你写的用户名提取逻辑。

• Apache 服务器
  在站点根目录创建.htaccess文件，写入以下重写规则，把所有不存在的资源请求转发给索引页：

RewriteEngine On
# 排除真实存在的文件/目录
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 后端用PHP的场景，直接把用户名作为参数传入
RewriteRule ^(.*)$ index.php?username=$1 [L]
# 纯静态前端场景换成下面这条规则
# RewriteRule ^(.*)$ /index.html [L]

配置生效后，PHP侧可以直接通过$_GET['username']拿到用户名；静态前端可以用window.location.pathname.slice(1)提取路径中的用户名。

• Nginx 服务器
  编辑对应站点的Nginx配置文件，在server配置块中添加以下规则：

location / {
    # 后端服务场景
    try_files $uri $uri/ /index.php?$args;
    # 纯静态前端场景换成下面这条
    # try_files $uri $uri/ /index.html;
}

修改完成后执行nginx -s reload重启服务生效。

• 后端框架场景
  如果你使用的是Laravel、Express、Django这类自带路由系统的框架，不需要改服务器配置，直接定义通配符路由即可。以Express为例：

app.get('/:username', (req, res) => {
    const username = req.params.username
    // 在这里执行对应用户的状态查询、页面渲染逻辑
})

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