Asp.net MVC中如何处理参数中的斜杠(/)避免URL路由错误

这个问题我之前做项目时也踩过坑——ASP.NET MVC的路由系统默认把URL里的斜杠/当成路由分段的分隔符，所以当参数里带斜杠时，路由会错误地把它拆成多个段，自然找不到对应的页面。下面给你几个实用的前端JS处理方案，配合后端的小调整就能完美解决：

方案一：URL编码参数（最推荐） #

核心思路是把参数里的斜杠编码成URL安全的%2F，这样路由就不会把它当成分段符，后端接收时ASP.NET会自动解码回原字符。

前端JS代码示例 #

假设你是通过JS构造跳转URL或者处理表单提交：

// 获取用户输入的参考编号
const referenceInput = document.querySelector('input[name="ReferenceNum"]');
const referenceNum = referenceInput.value;

// 对参数进行URL编码，一定要用encodeURIComponent（会编码所有特殊字符），别用encodeURI
const encodedRefNum = encodeURIComponent(referenceNum);

// 构造正确的跳转URL
const targetUrl = `/Furniture/PriceList/Ref/${encodedRefNum}`;

// 执行跳转
window.location.href = targetUrl;

后端控制器处理 #

后端不需要额外编码，直接接收参数即可，ASP.NET会自动解码：

public ActionResult PriceList(string @ref)
{
    // 这里的@ref已经是解码后的带斜杠的原始字符串
    // 比如用户输入的"3/Case2"，这里拿到的就是"3/Case2"
    // 后续业务逻辑处理...
    return View();
}

方案二：替换斜杠为自定义占位符（兼容特殊服务器配置） #

如果你的服务器（比如IIS）有拦截带%2F的URL的配置，可以用这个方案：把斜杠替换成一个自定义的、不会和路由冲突的字符串，后端再替换回来。

前端JS代码示例 #

const referenceNum = document.querySelector('input[name="ReferenceNum"]').value;
// 把所有斜杠替换成自定义占位符，比如"-SLASH-"
const processedRefNum = referenceNum.replace(/\//g, '-SLASH-');
const targetUrl = `/Furniture/PriceList/Ref/${processedRefNum}`;
window.location.href = targetUrl;

后端控制器处理 #

public ActionResult PriceList(string @ref)
{
    // 把占位符替换回斜杠
    string originalRefNum = @ref.Replace("-SLASH-", "/");
    // 业务逻辑处理...
    return View();
}

额外注意事项 #

• 如果是用POST方式提交表单，其实不会出现这个问题（因为参数在请求体里，不是URL里），但如果是GET跳转或者把参数放在URL路由里，就需要处理。
• 如果用Ajax发送GET请求，同样要在构造URL前编码参数：

const referenceNum = document.querySelector('input[name="ReferenceNum"]').value;
$.ajax({
    url: `/Furniture/PriceList/Ref/${encodeURIComponent(referenceNum)}`,
    type: 'GET',
    success: function(response) {
        // 处理返回结果
    }
});

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