如何避免ASP.NET Core中Ajax请求的控制器路径被视图名干扰？

这个问题本质是相对路径的解析逻辑导致的：当你在Index页面时，当前路径是站点根目录（/），所以相对路径api/EventsAPI/5会被解析为/api/EventsAPI/5；但在Events视图页面时，当前路径是/Events，相对路径就会被拼接成/Events/api/EventsAPI/5，自然就找不到正确的API控制器了。

下面给你几个实用的修复方案：

方案1：使用根相对路径（最简单直接） #

直接在URL开头加上斜杠/，强制从站点根目录开始解析路径：

$.ajax({ 
    type: "PUT", 
    url: "/api/EventsAPI/" + event.id, 
    contentType: "application/json", 
    dataType: 'json', 
    // 其他配置...
});

这样不管当前页面在哪个路径下，都会生成正确的根路径API地址。

方案2：利用ASP.NET Core的Url.Action生成路径（更健壮） #

如果你的路由规则可能会变化，推荐用框架自带的Url.Action辅助方法来生成正确的API路由，避免硬编码路径。

在你的局部视图里，先把API的基础URL生成好，再在Ajax里使用：

<script>
// 假设你的PUT请求对应的Action方法名叫UpdateEvent
const eventApiUrl = '@Url.Action("UpdateEvent", "EventsAPI")';

$.ajax({ 
    type: "PUT", 
    url: `${eventApiUrl}/${event.id}`, 
    contentType: "application/json", 
    dataType: 'json', 
    // 其他配置...
});
</script>

Url.Action会根据你Startup里配置的路由规则，自动生成包含根路径的正确URL，完全不用担心当前页面的路径影响。

方案3：全局配置API基础路径（适合多页面调用API的场景） #

如果你的项目里很多地方都要调用API，可以在布局页（比如_Layout.cshtml）里定义一个全局的API基础URL变量，然后所有Ajax请求都基于这个变量拼接：

在_Layout.cshtml的脚本区域添加：

<script>
// 全局API基础路径
window.apiBase = '@Url.Content("~/api/")';
</script>

然后在局部视图的Ajax里使用：

$.ajax({ 
    type: "PUT", 
    url: `${window.apiBase}EventsAPI/${event.id}`, 
    contentType: "application/json", 
    dataType: 'json', 
    // 其他配置...
});

这种方式能统一管理API的基础路径，后续如果API前缀需要修改，只需要改一处即可。

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