Question

我正在使用WebAssembly（WASM）托管的Blazor应用程序的最新预览。我已经设置了WASM托管的应用程序，并将其配置为在客户端应用程序文件夹的href文件内使用/App1/的基础wwwroot/index.html：

<base href="/App1/" />

此时，我的应用程序结构如下：

客户
服务器
共享

然后我将服务器应用文件夹中的应用映射到路由：

app.Map("/app1", app1 =>
{
    app1.UseHttpsRedirection();
    app1.UseBlazorFrameworkFiles();
    app1.UseStaticFiles();
    app1.UsePathBase("/app1");
    app1.UseRouting();

    app1.UseIdentityServer();
    app1.UseAuthentication();
    app1.UseAuthorization();
    app1.UseEndpoints(endpoints =>
    {
        endpoints.MapRazorPages();
        endpoints.MapControllers();
        endpoints.MapFallbackToFile("index.html");
    });
});

通过一些启动设置更改来运行此操作以映射到/app1，效果很好。接下来，我复制了客户端应用程序，并将名称空间和csproj更改为App2。

我的应用程序结构现在为：

App1（客户端应用）
App2（客户端应用）
服务器
共享

我将基本href设置为/App2/，并向服务器启动添加了第二个映射：

app.Map("/app1", app1 =>
{
    app1.UseHttpsRedirection();
    app1.UseBlazorFrameworkFiles();
    app1.UseStaticFiles();
    app1.UsePathBase("/app1");
    app1.UseRouting();

    app1.UseIdentityServer();
    app1.UseAuthentication();
    app1.UseAuthorization();
    app1.UseEndpoints(endpoints =>
    {
        endpoints.MapRazorPages();
        endpoints.MapControllers();
        endpoints.MapFallbackToFile("index.html");
    });
});

app.Map("/app2", app2 =>
{
    app2.UseHttpsRedirection();
    app2.UseBlazorFrameworkFiles();
    app2.UseStaticFiles();
    app2.UsePathBase("/app2");
    app2.UseRouting();

    app2.UseIdentityServer();
    app2.UseAuthentication();
    app2.UseAuthorization();
    app2.UseEndpoints(endpoints =>
    {
        endpoints.MapRazorPages();
        endpoints.MapControllers();
        endpoints.MapFallbackToFile("index.html");
    });
});

但是，该项目没有运行。它抱怨静态文件仍然合并在一起。尝试使用dotnet run运行服务器项目时收到此编译错误：

/usr/local/share/dotnet/sdk/3.1.201/Sdks/Microsoft.NET.Sdk.Razor/build/netstandard2.0/Microsoft.NET.Sdk.Razor.StaticWebAssets.targets(191,5): error : Conflicting assets with the same path '/appsettings.Development.json' for content root paths '/Users/user/Developer/WasmHosted/App1/wwwroot/appsettings.Development.json' and '/Users/user/Developer/WasmHosted/App2/wwwroot/appsettings.Development.json'.

我还尝试添加commandLineArgs来更改客户端应用程序launchsettings中内容的根位置，但无效：

"commandLineArgs": "--contentroot=/app1",

任何建议都会令人赞赏，因为我不知道还能尝试什么。

这是我用来创建项目的dotnet new命令

dotnet new blazorwasm -au Individual -ho -n WasmHosted

Answer 1

Blazor项目的团队成员Javier在这里开发了一个示例项目： https://github.com/javiercn/BlazorMultipleApps/blob/master/BlazorMultipleApps

Answer 2

您可以参考app.UseMulitSpa，我已经创建了一个新的WasmService库来处理

使用步骤： step 1：在wwwroot下设置blazor wasm应用程序根目录文件夹 step 2：使用app.UseMulitSpa添加blazor wasm应用，您需要定义一个公共路径，

在运行期间，主主机应用程序将为每个blasor wasm应用程序使用独立端口，并且WasmService具有用于主主机应用程序调用的内部代理。

在单个WASM托管的项目中运行两个blazor WASM应用程序

2 个答案: