FullCalendar v6在ASP.NET Framework中点击事件出现404错误求助

问题分析 #

出现https://localhost:44372/null的404错误，核心原因是FullCalendar默认会给事件绑定跳转行为，当事件的url属性为null或未正确配置时，浏览器会尝试跳转至null这个无效路径，导致请求失败。即便没自定义eventClick，组件自带的默认点击逻辑仍会触发这个无效跳转。

解决方法 #

• 阻止默认跳转行为
  配置eventClick函数时，最后返回false，直接终止浏览器的默认跳转动作，自定义逻辑可正常执行：

  document.addEventListener('DOMContentLoaded', function() {
    const calendarEl = document.getElementById('calendar');
    const calendar = new FullCalendar.Calendar(calendarEl, {
      // 你的日历配置项（比如events数据源、视图设置等）
      eventClick: function(info) {
        // 这里写你的点击事件逻辑，比如展示事件详情
        console.log('事件ID:', info.event.id);
        // 阻止默认跳转，避免404
        return false;
      }
    });
    calendar.render();
  });
  

• 清理事件数据中的无效URL
  检查后端返回给FullCalendar的事件数据源，确保所有事件对象要么不包含url字段，要么将其设为有效的链接地址，不要返回"url": null这类无效值。

• 全局禁用事件跳转
  如果不需要任何事件的跳转功能，可直接给eventClick设置返回false，彻底禁用默认跳转：

  const calendar = new FullCalendar.Calendar(calendarEl, {
    // 其他配置
    eventClick: () => false
  });
  

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