ASP .Net Core + Angular 2 路由

Question

我有一个返回部分视图的控制器，然后将其用作 Angular 2 templateUrl。

例如：

角度组件：

@Component({
    selector: 'my-app',
    templateUrl:'/partials/index',

控制器：

 public class PartialsController : Controller
    {

        public IActionResult Index()
        {
            return PartialView();
        }
    }

有没有办法以这样的方式配置路由，Angular 2 仍然可以从控制器获取 html，但是在浏览器中手动输入地址（www.abc.com/partials/index）会返回默认值控制器或“未找到”而不是部分视图？

这是当前的路线配置：

app.UseMvc(config =>
            {
                config.MapRoute(
                  name: "Default",
                  template: "{controller}/{action}/{id?}",
                  defaults: new { controller = "Home", action = "Index" }
                  );
                config.MapRoute(
                 name: "angular",
                 template: "{*anything}",
                 defaults: new { controller = "Home", action = "Index" }
                 );
            }); 

Angular 路由需要“角度”路由才能处理来自浏览器的复制粘贴地址。

Answer 1

您可以编写一个动作过滤器来处理这种情况。

 public class OnlyAjaxAttribute : ActionFilterAttribute
 {
    public OnlyAjaxAttribute()
    {

    }
    public override void OnActionExecuting(ActionExecutingContext context)
    {
        var accepts = context.HttpContext.Request.Headers["Accept"].ToString();
        if (accepts.Contains("text/html"))
        {
            context.Result = new HttpStatusCodeResult(404);
        }
        base.OnActionExecuting(context);
    }
}
[OnlyAjax]
public class PartialsController : Controller
{

    public IActionResult Index()
    {
        return PartialView();
    }
}