没有服务器的Blazor（非无服务器）

要实现没有服务器的 Blazor，可以使用静态文件托管来提供 Blazor 应用程序的前端部分，并使用浏览器本地存储来保存应用程序的状态和数据。

以下是一个基本的示例，演示如何使用浏览器本地存储来保存数据：

using Microsoft.AspNetCore.Components;
using Microsoft.JSInterop;
using System.Threading.Tasks;

namespace BlazorApp.Pages
{
    public class IndexBase : ComponentBase
    {
        [Inject]
        protected IJSRuntime JSRuntime { get; set; }

        protected string storedData;

        protected override async Task OnInitializedAsync()
        {
            storedData = await JSRuntime.InvokeAsync<string>("localStorage.getItem", "myData");
        }

        protected async Task SaveData()
        {
            await JSRuntime.InvokeVoidAsync("localStorage.setItem", "myData", storedData);
        }
    }
}

在这个示例中，我们注入了一个 IJSRuntime 实例，它允许我们与浏览器的 JavaScript 运行时进行交互。在 OnInitializedAsync 方法中，我们使用 IJSRuntime 调用浏览器的 localStorage API 来获取存储在本地存储中的数据。在 SaveData 方法中，我们使用相同的 API 将数据保存到本地存储中。

然后，在 Razor 页面中，可以使用以下方式调用这些方法：

@page "/"
@inherits IndexBase

<h3>Blazor Local Storage Example</h3>

<div>
    <label for="data">Data:</label>
    <input id="data" type="text" bind="@storedData" />
</div>

<button @onclick="SaveData">Save</button>

<p>Saved data: @storedData</p>

这个示例演示了如何在 Blazor 应用程序中使用浏览器本地存储来保存和检索数据。通过这种方法，可以在不使用服务器的情况下在浏览器中保存应用程序的状态和数据。注意，这种方法适用于小型的应用程序数据，对于大量数据或敏感数据，可能需要使用其他安全性更强的解决方案。