背景

首先让我解释一下背景。我正在从事一个项目，该项目试图将使用通过 OWIN 配置的 Web API 的后端服务器(现在托管在 IIS 上，但将来可能会使用其他 OWIN 支持的主机)与使用 AngularJS 的前端结合起来。

AngularJS 前端完全是静态内容。我完全避免使用服务器端技术，例如 MVC/Razor、WebForms、Bundles，以及任何与前端及其使用的 Assets 有关的技术，而是遵从使用 Node.js、Grunt/Gulp 等的最新最好的技术. 处理 CSS 编译、捆绑、缩小等。由于我不会在这里详述的原因，我将前端和服务器项目放在同一个项目中的不同位置(而不是直接将它们全部放在主机项目中(参见粗略的下图)。

MyProject.sln
server
  MyProject.Host
     MyProject.Host.csproj
     Startup.cs
     (etc.)
frontend
  MyProjectApp
     app.js
     index.html
     MyProjectApp.njproj
     (etc.)

所以就前端而言，我需要做的就是让我的主机为我的静态内容提供服务。在 Express.js 中，这是微不足道的。使用 OWIN，我可以使用 Microsoft.Owin.StaticFiles 轻松完成此操作中间件，而且效果很好(非常灵活)。

这是我的 OwinStartup配置:

string dir = AppDomain.CurrentDomain.RelativeSearchPath; // get executing path
string contentPath = Path.GetFullPath(Path.Combine(dir, @"../../../frontend/MyProjectApp")); // resolve nearby frontend project directory

app.UseFileServer(new FileServerOptions
{
    EnableDefaultFiles = true,
    FileSystem = new PhysicalFileSystem(contentPath),
    RequestPath = new PathString(string.Empty) // starts at the root of the host
});

// ensure the above occur before map handler to prevent native static content handler
app.UseStageMarker(PipelineStage.MapHandler);

收获

基本上，它只是托管frontend/MyProjectApp 中的所有内容就好像它就在 MyProject.Host 的根目录中一样。因此，如果您请求一个不存在的文件，IIS 自然会生成 404 错误。

现在，因为这是一个 AngularJS 应用程序，它支持 html5mode ，我会有一些路由不是服务器上的物理文件，而是在 AngularJS 应用程序中作为路由处理。如果用户要拖放到 AngularJS(在本例中不是 index.html 或实际存在的文件)，即使该路由在 AngularJS 应用程序中可能有效，我也会得到 404。因此，我需要我的 OWIN 中间件返回 index.html如果请求的文件不存在，请检查文件，并让我的 AngularJS 应用程序确定它是否真的是 404。

如果您熟悉 SPA 和 AngularJS，这是一种正常且直接的方法。如果我使用 MVC 或 ASP.NET 路由，我可以将默认路由设置为返回我的 index.html 的 MVC Controller 。 ， 或类似的规定。但是，我已经声明我没有使用 MVC，并且我正在努力使它尽可能简单和轻量级。

This user有过类似的困境，用IIS重写解决了。在我的例子中，它不起作用，因为 a) 我的内容实际上并不存在于重写 URL 模块可以找到它的地方，所以它总是返回 index.html b) 我想要不依赖 IIS，但在 OWIN 中间件中处理的东西，因此可以灵活使用。

TL;DNR 我，大声呼喊。

很简单，我如何拦截 404 Not Found 并返回(注意:不是 重定向)我的 FileServer 的内容-服务index.html使用 OWIN 中间件？

最佳答案

如果您使用的是 OWIN，您应该能够使用它:

using AppFunc = Func<
       IDictionary<string, object>, // Environment
       Task>; // Done

public static class AngularServerExtension
{
    public static IAppBuilder UseAngularServer(this IAppBuilder builder, string rootPath, string entryPath)
    {
        var options = new AngularServerOptions()
        {
            FileServerOptions = new FileServerOptions()
            {
                EnableDirectoryBrowsing = false,
                FileSystem = new PhysicalFileSystem(System.IO.Path.Combine(AppDomain.CurrentDomain.BaseDirectory, rootPath))
            },
            EntryPath = new PathString(entryPath)
        };

        builder.UseDefaultFiles(options.FileServerOptions.DefaultFilesOptions);

        return builder.Use(new Func<AppFunc, AppFunc>(next => new AngularServerMiddleware(next, options).Invoke));    
    }
}

public class AngularServerOptions
{
    public FileServerOptions FileServerOptions { get; set; }

    public PathString EntryPath { get; set; }

    public bool Html5Mode
    {
        get
        {
            return EntryPath.HasValue;
        }
    }

    public AngularServerOptions()
    {
        FileServerOptions = new FileServerOptions();
        EntryPath = PathString.Empty;
    }
}

public class AngularServerMiddleware
{
    private readonly AngularServerOptions _options;
    private readonly AppFunc _next;
    private readonly StaticFileMiddleware _innerMiddleware;

    public AngularServerMiddleware(AppFunc next, AngularServerOptions options)
    {
        _next = next;
        _options = options;

        _innerMiddleware = new StaticFileMiddleware(next, options.FileServerOptions.StaticFileOptions);
    }

    public async Task Invoke(IDictionary<string, object> arg)
    {
        await _innerMiddleware.Invoke(arg);
        // route to root path if the status code is 404
        // and need support angular html5mode
        if ((int)arg["owin.ResponseStatusCode"] == 404 && _options.Html5Mode)
        {
            arg["owin.RequestPath"] = _options.EntryPath.Value;
            await _innerMiddleware.Invoke(arg);
        }
    }
}

关于c# - 如何使用Owin中间件拦截404，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27036448/