Blazor Wasm Hosted - 在服务器应用程序上使用MVC
1.创建Blazor WASM主机应用程序
在Visual Studio中创建一个新的Blazor WASM应用程序,选择主机类型为“主机在ASP.NET Core”中,将身份验证设置为“无”或“个人账户”。
2.在服务器上创建MVC应用程序
在此应用程序中,你需要使用MVC来处理Web应用程序的UI和逻辑。在Visual Studio中,创建一个空的ASP.NET Core应用程序,然后添加MVC NuGet包。你还需要配置MVC,以便支持Blazor WASM客户端的请求。
3.将Blazor客户端设置为使用MVC
在Blazor WASM应用程序中,打开/wwwroot/index.html文件。在文件顶部,将base标记的href属性更改为你的MVC应用程序的URL。你还需要在Program.cs文件中配置Blazor WASM客户端应用程序将请求发送到正确的URL。
示例代码:
/wwwroot/index.html
Loading...
Program.cs
builder.Services.AddScoped(sp =>
{
var uriHelper = sp.GetRequiredService();
return new HttpClient
{
BaseAddress = new Uri(uriHelper.GetBaseUri())
};
});
4.在MVC应用程序中添加Blazor WASM客户端
在MVC应用程序中,你需要添加Blazor WASM客户端项目。使用Visual Studio,右键单击MVC应用程序项目并选择“添加->现有项目”。选择Blazor WASM客户端项目,然后添加它。
5.更新MVC视图和