ASP.net core MVC捕获所有路由来提供静态文件。

25 浏览
0 Comments

ASP.net core MVC捕获所有路由来提供静态文件。

有没有办法使一个catch all路由服务于一个静态文件？

参考这个链接

我基本上想要这样的效果：

        app.UseMvc(routes =>
        {
            routes.MapRoute("default", "{controller}/{action=Index}");
            routes.MapRoute("spa", "{*url}"); // 这个应该服务于SPA index.html
        });

所以，任何不匹配MVC控制器的路由都会服务于wwwroot/index.html文件。

0

3 答案

0 Comments

在ASP.NET Core MVC中，当我们希望为静态文件提供服务时，可以使用`app.UseStaticFiles()`方法来配置。但是，有时候我们希望在处理静态文件之前，将所有请求都路由到同一个控制器的同一个动作中进行处理。这时，我们可以使用catch all route来实现这个需求。

在上述代码中，我们可以看到在`Startup.cs`文件中，先调用了`app.UseStaticFiles()`方法来配置静态文件服务，然后使用`app.UseMvc()`方法来配置MVC路由。在路由配置中，首先使用`routes.MapRoute()`方法来定义一个默认路由规则，然后使用`routes.MapRoute()`方法来定义一个catch all route，该路由将匹配所有的URL。

接下来，在`HomeController.cs`文件中，我们定义了一个名为`Spa()`的动作方法，该方法返回一个文件结果。在这个例子中，该动作方法返回的是一个名为`index.html`的文件。

然而，当我们将这个应用程序发布到Azure应用服务时，会发现所有请求静态文件（如`*.js`文件）的请求都返回了`index.html`文件，而不是实际请求的文件。这是为什么呢？

问题的原因是在Azure app service中，默认情况下，静态文件服务是由IIS（Internet Information Services）处理的。当请求静态文件时，IIS会检查是否有对应的文件存在，并且根据请求的文件扩展名来返回相应的文件内容。但是，由于我们在这里使用了catch all route，所有的请求都会被路由到`HomeController`的`Spa()`动作方法中进行处理，而不是由IIS来处理静态文件。

为了解决这个问题，我们需要配置IIS来处理静态文件。可以通过在`Startup.cs`文件的`Configure()`方法中添加以下代码来实现：

app.UseStaticFiles(new StaticFileOptions
{
   FileProvider = new PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), "wwwroot")),
   RequestPath = ""
});

上述代码中，`UseStaticFiles()`方法的参数是一个`StaticFileOptions`对象，我们可以通过该对象来配置静态文件服务。在这里，我们指定了文件提供程序为`PhysicalFileProvider`，并设置了文件提供程序的根路径为`wwwroot`文件夹。

然后，我们需要将catch all route的定义放在`UseStaticFiles()`之后，这样静态文件请求不会被路由到`HomeController`的`Spa()`动作方法中。修改后的路由配置如下：

app.UseMvc(routes =>
{
   routes.MapRoute("default", "{controller}/{action}");
   routes.MapRoute("Spa", "{*url}", defaults: new { controller = "Home", action = "Spa" });
});

通过以上配置，我们将静态文件服务交由IIS处理，而将所有其他请求路由到`HomeController`的`Spa()`动作方法中进行处理。这样，在Azure app service中，静态文件请求将会正常返回对应的文件内容，而不会被路由到`index.html`文件。

出现这个问题的原因是因为在Azure app service中，默认情况下静态文件服务是由IIS处理的，而catch all route导致了静态文件请求被路由到控制器的动作中，解决方法是配置IIS来处理静态文件，并将catch all route的定义放在静态文件服务配置之后。

0
0 Comments

问题的原因是在ASP.net core MVC中，静态文件的服务是在路由阶段之前的。在startup文件中，静态文件的中间件应该在MVC中间件之前使用。如果不按照正确的顺序配置中间件，就会导致静态文件无法正确地被服务。

解决方法是将静态文件的中间件放在MVC中间件之前。可以在startup文件的Configure方法中按照以下顺序配置中间件：

app.UseStaticFiles();
...
app.UseMvc(...);

如果想要在路由阶段捕获所有的请求并返回静态文件的内容，可以创建一个catch-all控制器方法来处理。例如，在控制器类中创建以下方法：

public IActionResult Spa()
{
    return File("~/index.html", "text/html");
}

在这个方法中，使用File方法返回指定文件的内容。需要确保正确引用了Controller类，否则无法找到File方法。

如果在使用File方法时出现No file provider has been configured to process the supplied file错误，说明没有配置文件提供程序来处理指定的文件。这个错误可以通过在startup文件中配置文件提供程序来解决。

0
0 Comments

ASP.NET Core MVC catch all route serve static file问题的出现原因是ASP.NET Core的Web API和MVC的catch all routes配置方式不同。解决方法是根据具体的应用场景选择相应的配置方式。

对于Web API，如果使用"api"作为所有服务器端控制器的前缀，可以通过以下代码实现catch all routes：

app.Use(async (context, next) =>
{
    await next();
    var path = context.Request.Path.Value;
    if (!path.StartsWith("/api") && !Path.HasExtension(path))
    {
        context.Request.Path = "/index.html";
        await next();
    }
});
app.UseStaticFiles();
app.UseDefaultFiles();
app.UseMvc();

对于MVC，可以通过以下代码实现catch all routes：

app.UseStaticFiles();
app.UseDefaultFiles();
app.UseMvc(routes =>
{
    routes.MapRoute(
        name: "default",
        template: "{controller=Home}/{action=Index}");
    routes.MapSpaFallbackRoute("spa", new { controller = "Home", action = "Index" });
});

在使用第一种解决方法时，需要将UseStaticFiles放在逻辑之前，以确保静态文件优先被处理，而不需要使用UseDefaultFiles。此外，还需要将路径设置为context.Request.Path = "/";，并在HomeController的Index操作中使用File("~/index.html", "text/html");来提供文件。

通过以上配置，可以实现ASP.NET Core MVC catch all route serve static file的需求。

0