AngularJS WebAPI在ASP.NET MVC Entity Framework中无法运行的问题

嘿，我一眼就看出你遇到的是EF导航属性引发的JSON循环引用序列化错误——你的实体之间是双向关联的（比如AddCatagory包含tblproduct列表，Product又引用了tblcatagory），当Web API尝试把查询结果序列化为JSON返回时，序列化器会陷入无限循环，最终抛出错误。注释掉导航属性就正常，就是因为切断了这个循环链。

下面给你几种实用的解决方案，帮你完整在MVC中使用Entity Framework：

1. 优先推荐：使用DTO（数据传输对象） #

这是最规范的做法，既能彻底解决循环引用，还能灵活控制返回给前端的数据（避免暴露不必要的实体属性）。

步骤： #

• 先创建对应的数据传输类（比如ProductDTO），只保留前端需要的字段：

public class ProductDTO
{
    public int Id { get; set; }
    public string ProductName { get; set; }
    public string ProductDes { get; set; }
    public int ProductQty { get; set; }
    public double ProductRate { get; set; }
    public double Inches { get; set; }
    public DateTime Date { get; set; }
    public int AddCatagoryId { get; set; }
    public string CataName { get; set; } // 如果前端需要分类名称，可以添加
    public int AddSubCatagoryId { get; set; }
    public string SubCataName { get; set; } // 如果前端需要子分类名称，可以添加
}

• 修改WebAPI控制器的查询逻辑，将实体映射到DTO：

public List<ProductDTO> Getproducts()
{
    var result = db.products
        .Include(p => p.tblcatagory) // 显式加载关联的分类数据
        .Include(p => p.tblsubcatagory) // 显式加载关联的子分类数据
        .Select(p => new ProductDTO
        {
            Id = p.Id,
            ProductName = p.ProductName,
            ProductDes = p.ProductDes,
            ProductQty = p.ProductQty,
            ProductRate = p.ProductRate,
            Inches = p.Inches,
            Date = p.Date,
            AddCatagoryId = p.AddCatagoryId,
            CataName = p.tblcatagory.CataName,
            AddSubCatagoryId = p.AddSubCatagoryId,
            SubCataName = p.tblsubcatagory.SubCataName
        })
        .ToList();
    return result;
}

2. 快速解决：配置JSON序列化器忽略循环引用 #

如果不想额外创建DTO，可以直接修改Web API的序列化配置，让它自动忽略循环引用。

针对ASP.NET MVC/Web API（使用Newtonsoft.Json）： #

在App_Start/WebApiConfig.cs中添加配置：

public static void Register(HttpConfiguration config)
{
    // 其他配置...
    config.Formatters.JsonFormatter.SerializerSettings.ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore;
}

针对ASP.NET Core： #

在Program.cs中配置：

builder.Services.AddControllers()
    .AddJsonOptions(options =>
    {
        options.JsonSerializerOptions.ReferenceHandler = System.Text.Json.Serialization.ReferenceHandler.IgnoreCycles;
    });

这种方式会让序列化器遇到循环引用时自动跳过，不会报错，但返回的JSON可能会缺少部分关联属性，适合快速调试或简单场景。

3. 控制EF加载行为：关闭延迟加载+显式加载 #

EF默认开启延迟加载，当序列化器访问导航属性时会自动加载关联数据，进而触发循环。可以关闭延迟加载，然后通过Include显式加载需要的关联数据：

• 在你的DbContext构造函数中关闭延迟加载：

public class YourDbContext : DbContext
{
    public YourDbContext() : base("YourConnectionString")
    {
        this.Configuration.LazyLoadingEnabled = false;
    }

    // DbSet定义...
    public DbSet<Product> products { get; set; }
    public DbSet<AddCatagory> tblCatagory { get; set; }
    public DbSet<AddSubCatagory> tblSubCatagory { get; set; }
}

• 查询时显式加载需要的关联数据：

public List<Product> Getproducts()
{
    // 只加载需要的关联实体，避免加载反向导航的列表
    var result = db.products
        .Include(p => p.tblcatagory)
        .Include(p => p.tblsubcatagory)
        .ToList();
    return result;
}

不过这种方式还是可能存在潜在的循环引用问题，建议配合DTO或序列化配置一起使用。

总结一下：优先使用DTO方案，它更符合分层架构的设计思想，也能让你完全掌控返回给前端的数据；如果是快速解决问题，可以选择配置序列化器忽略循环引用。

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