如何在.net core angular SPA模板中检测页面刷新？

Question

我有 .net core MVC SPA 模板的项目设置。加载应用程序时，它会将 angular spa 加载到 MVC 中。

我的启动配置有以下代码来加载 SPA。

        app.UseSpa(spa =>
        {
            // To learn more about options for serving an Angular SPA from ASP.NET Core,
            // see https://go.microsoft.com/fwlink/?linkid=864501

            spa.Options.SourcePath = "ClientApp";

            if (env.IsDevelopment())
            {
                spa.UseAngularCliServer(npmScript: "start");
            }
        });

加载 SPA 后，与 MVC 站点上的服务器端没有任何联系。但是，当页面重新加载时，我想拦截这个调用并对 HTTPRequest 和 HTTPResponse 做一些事情。我该如何做到这一点？我在 MVC 项目中没有任何控制器。

我的项目结构是这样的。

网络
- wwwroot
- ClientApp ---> Angular spa
- 控制器 ---> 空
- 页面 ---> 空
- 启动.cs
- 程序.cs

Answer 1

为了拦截客户端和服务器之间的请求，你可以试试ASP.NET Core Middleware。来自客户端的所有请求都将由middleware 处理。

一个简单的代码如下：

        app.Use((context, next) =>
        {
            Console.WriteLine(context.Request.Path);
            return next.Invoke();
        });

        app.UseSpa(spa =>
        {
            // To learn more about options for serving an Angular SPA from ASP.NET Core,
            // see https://go.microsoft.com/fwlink/?linkid=864501

            spa.Options.SourcePath = "ClientApp";

            if (env.IsDevelopment())
            {
                spa.UseAngularCliServer(npmScript: "start");
            }
        });

更新

            app.Map("/css/site1.css", map => {
            map.Run(context => {
                context.Response.Redirect("/css/site2.css");
                return Task.CompletedTask;
            });
        });