基于.NET 8的Blazor WASM与Server端分离部署同URL路由是否可行？

这个方案完全可行，核心是借助反向代理的路由转发来实现，既满足独立部署升级的需求，又能保持同域名访问且无需iframe。下面是具体实现思路：

一、核心实现方式：反向代理路由转发 #

通过反向代理统一对外域名入口，根据请求路径将流量转发到不同的后端站点（WASM站点和Server表单站点）。常用的反向代理工具包括Nginx、IIS ARR，或者.NET生态的YARP（推荐，和.NET技术栈更贴合）。

1. Nginx配置示例 #

在Nginx中配置域名路由规则，将根路径转发到WASM站点，表单路径转发到Server端站点：

server {
    listen 443 ssl;
    server_name myapp.mydomain.com;

    # SSL证书等配置省略

    # 优先匹配表单路径，转发到Server表单站点
    location /dataentryform1 {
        proxy_pass https://internal-form-site; # 替换为Server表单站点的内部访问地址
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }

    # 其余所有路径转发到WASM站点
    location / {
        proxy_pass https://internal-wasm-site; # 替换为WASM站点的内部访问地址
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

2. YARP配置示例（.NET生态首选） #

创建一个空的ASP.NET Core项目作为网关，通过YARP配置路由转发：
首先安装YARP包：Install-Package Yarp.ReverseProxy
然后在appsettings.json中配置路由规则：

{
  "ReverseProxy": {
    "Routes": {
      "form-route": {
        "ClusterId": "form-cluster",
        "Match": {
          "Path": "/dataentryform1/{**catch-all}"
        }
      },
      "wasm-route": {
        "ClusterId": "wasm-cluster",
        "Match": {
          "Path": "{**catch-all}"
        }
      }
    },
    "Clusters": {
      "form-cluster": {
        "Destinations": {
          "form-dest": {
            "Address": "https://internal-form-site/"
          }
        }
      },
      "wasm-cluster": {
        "Destinations": {
          "wasm-dest": {
            "Address": "https://internal-wasm-site/"
          }
        }
      }
    }
  }
}

接着在Program.cs中启用YARP：

var builder = WebApplication.CreateBuilder(args);
builder.Services.AddReverseProxy().LoadFromConfig(builder.Configuration.GetSection("ReverseProxy"));

var app = builder.Build();
app.MapReverseProxy();
app.Run();

将这个网关项目作为对外的唯一入口，用户访问myapp.mydomain.com时，网关会自动根据路径转发到对应后端站点。

二、项目结构与部署 #

• WASM项目：创建Blazor WASM独立部署项目，部署到独立站点（如Azure App Service、自建服务器），确保内部地址可被反向代理访问。
• Server表单项目：创建ASP.NET Core MVC/Razor Pages项目，部署到另一个独立站点，同样保证内部可访问。
• 两者可以是同一解决方案下的独立项目，也可以拆分到不同代码仓库，各自独立编译、部署升级，互不干扰。

三、关键细节处理 #

1. 状态共享：如果需要WASM和表单页面共享登录状态，可将Cookie的Domain设置为.mydomain.com（主域名前缀），确保同域名下的Cookie能被两个后端站点识别。
2. 路由冲突：确保WASM项目中不要定义/dataentryform1这类表单路径的路由，同时反向代理的路由规则要优先匹配具体的表单路径，再匹配通用根路径。
3. 跨域问题：由于反向代理后前端看到的是同域名，不会触发浏览器的跨域限制，无需额外配置CORS。

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