自定义博客URL：未登录跳转登录页，登录后返回原请求URL的PHP/JS实现

嘿，这个需求我之前做个人博客的时候也碰到过，给你整理了PHP和JavaScript两种实现方案，都是实际项目里用过的靠谱思路，你可以根据自己的架构来选：

1. 先搞定自定义URL的路由解析 #

首先得让你的服务器能识别自定义URL，一般用Apache的.htaccess（Nginx的话对应配置文件）做URL重写，把自定义文章路径转发到处理脚本：

RewriteEngine On
# 排除实际存在的文件和目录
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 把 /article-xxx 转发到 index.php?article=article-xxx
RewriteRule ^article-([a-z0-9-]+)$ index.php?article=$1 [L,QSA]

这样https://myurl.com/article-1就会被服务器解析为index.php?article=article-1，不影响你原有逻辑的处理。

2. 文章页的登录判断与跳转逻辑 #

在处理文章内容的PHP脚本开头，先检查用户登录状态，未登录就把当前URL存起来再跳登录页：

<?php
session_start(); // 一定要先启动session

// 这里替换成你实际的登录判断逻辑，比如检查session里的用户标识
function isUserLoggedIn() {
    return isset($_SESSION['logged_in_user_id']);
}

if (!isUserLoggedIn()) {
    // 拼接当前请求的完整URL（包括协议、域名、路径）
    $currentUrl = $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
    // 把URL存到session，方便登录后跳转
    $_SESSION['redirect_after_login'] = $currentUrl;
    
    // 跳转到登录页面
    header('Location: /login.php');
    exit; // 跳转后一定要终止脚本执行
}

// 已登录的话，继续加载文章内容...
?>

3. 登录成功后的重定向处理 #

在登录验证页面（login.php），当用户账号密码验证通过后，读取session里的跳转URL并跳转：

<?php
session_start();

// 这里是你的登录验证逻辑，比如检查用户名密码是否正确
$loginSuccess = false;
// 假设验证通过后把$loginSuccess设为true
// ...

if ($loginSuccess) {
    // 优先用session里的跳转URL，没有的话跳首页
    $redirectUrl = $_SESSION['redirect_after_login'] ?? '/';
    // 用完就清除这个session值，避免下次登录还跳这里
    unset($_SESSION['redirect_after_login']);
    
    header('Location: ' . $redirectUrl);
    exit;
}
?>

如果你的博客是前后端分离架构，用前端路由处理自定义URL，可以用JS来实现跳转逻辑：

1. 文章页的登录检查 #

在文章页面的JS里，页面加载时判断用户是否登录（比如通过localStorage存的token或者后端接口验证）：

document.addEventListener('DOMContentLoaded', () => {
    // 替换成你的登录判断逻辑，比如检查localStorage里的登录token
    const isLoggedIn = localStorage.getItem('user_auth_token') !== null;
    
    if (!isLoggedIn) {
        // 把当前页面的完整URL存到localStorage
        localStorage.setItem('redirect_after_login', window.location.href);
        // 跳转到登录页
        window.location.href = '/login.html';
    }
});

2. 登录成功后的重定向 #

在登录页面，当用户登录成功（比如调用后端登录接口拿到token后），读取存储的URL并跳转：

// 假设这是登录接口调用成功后的回调函数
function handleLoginSuccess() {
    // 获取存储的跳转URL，默认跳首页
    const redirectUrl = localStorage.getItem('redirect_after_login') || '/';
    // 清除存储的URL，避免残留
    localStorage.removeItem('redirect_after_login');
    // 跳转到目标文章页
    window.location.href = redirectUrl;
}

• 安全校验：不管用哪种方案，都要对跳转URL做域名校验，比如PHP里检查$redirectUrl是否属于当前域名，JS里判断new URL(redirectUrl).hostname === window.location.hostname，防止被恶意跳转。
• 状态清理：登录成功后一定要清除存储的跳转URL，避免后续登录还跳转到之前的文章页。
• session/localStorage失效：PHP要确保session配置正确，JS要注意localStorage在隐私模式下可能无法使用的情况，可以考虑用sessionStorage替代。

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