ASP.NET Core项目中如何替换地址栏中的#字符为其他指定符号

安全阿岳

2026-9-26

核心前提

URL中的#属于哈希片段，浏览器默认不会将这部分内容发送到ASP.NET Core后端，所以必须先通过前端逻辑捕获哈希值，再完成格式转换。

方案1：前端直接转换（无后端修改成本，最简便）

在项目的全局布局页（通常是Views/Shared/_Layout.cshtml或者对应Razor组件的全局脚本块）加入如下JS代码：

// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    // 检测当前URL是否带哈希片段
    if (window.location.hash) {
        // 提取哈希值，去掉开头的#
        const pageNum = window.location.hash.substring(1);
        // 构造目标URL
        const targetUrl = `${window.location.origin}${window.location.pathname}?p=${pageNum}`;
        // 替换当前历史记录跳转，不会产生多余的回退记录
        window.location.replace(targetUrl);
    }
});

添加后访问/Category/4797/kondicionirovanie#6会自动跳转至/Category/4797/kondicionirovanie?p=6，完全符合你的需求。

方案2：替换为路径格式（如`/Category/4797/kondicionirovanie/6`）

如果需要把#替换为路径分隔符/，只需要修改JS的URL构造逻辑，再配合后端路由配置即可：

修改前端JS：

document.addEventListener('DOMContentLoaded', function() {
    if (window.location.hash) {
        const pageNum = window.location.hash.substring(1);
        const targetUrl = `${window.location.origin}${window.location.pathname}/${pageNum}`;
        window.location.replace(targetUrl);
    }
});

在Program.cs中添加对应路由规则：

app.MapControllerRoute(
    name: "category-paged",
    pattern: "Category/{categoryId:int}/{categorySlug}/{page:int}",
    defaults: new { controller = "Category", action = "Index" });