ASP.NET Core Hosted和Server-Side Blazor之间的区别在于它们的工作原理和部署方式。

ASP.NET Core Hosted是一种应用程序模型，它将Blazor WebAssembly应用程序（客户端代码）与ASP.NET Core应用程序（服务器端代码）分开部署。这种模型适用于需要在浏览器中运行Blazor应用程序，并且需要与服务器进行通信的场景。在ASP.NET Core Hosted模型中，Blazor应用程序在客户端运行，并通过HTTP请求与服务器端API进行通信。这个模型可以实现更好的性能和用户体验，因为客户端可以在浏览器中缓存和执行代码。

Server-Side Blazor是一种应用程序模型，它将整个Blazor应用程序（包括客户端和服务器端代码）部署到服务器上。在这种模型中，Blazor应用程序在服务器上运行，并通过SignalR实时通信技术将界面呈现到客户端浏览器上。在客户端浏览器中，用户与界面进行交互，但实际的UI逻辑和数据处理仍然在服务器上执行。这种模型比较适用于需要在低带宽环境下运行Blazor应用程序，或者需要在服务器端执行敏感操作的场景。

下面是一个示例代码，展示了ASP.NET Core Hosted和Server-Side Blazor的使用方法：

ASP.NET Core Hosted示例：

客户端代码（Blazor WebAssembly）：

@page "/counter"

Counter

Current count: @currentCount

Click me

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

服务器端代码（ASP.NET Core）：

using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;

namespace BlazorApp.Server
{
    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddRazorPages();
            services.AddServerSideBlazor();
        }

        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            else
            {
                app.UseExceptionHandler("/Error");
                app.UseHsts();
            }

            app.UseHttpsRedirection();
            app.UseStaticFiles();

            app.UseRouting();

            app.UseEndpoints(endpoints =>
            {
                endpoints.MapBlazorHub();
                endpoints.MapFallbackToPage("/_Host");
            });
        }
    }
}

Server-Side Blazor示例：

代码与ASP.NET Core Hosted示例相同，只需将服务器端代码和客户端代码放在同一个项目中即可。

总结：ASP.NET Core Hosted和Server-Side Blazor在部署方式和工作原理上有所区别，开发者可以根据具体需求选择适合自己的模型。