在ASP.NET Core 3.1中，区域端点路由可以通过以下步骤进行设置：

1. 创建区域 首先，您需要创建一个区域。一个区域是一个包含一组相关控制器和视图的逻辑单元。您可以通过在应用程序的根目录下创建一个名为"Areas"的文件夹，并在其中创建一个名为"YourAreaName"的文件夹来创建一个区域。

2. 注册区域 在Startup.cs文件的ConfigureServices方法中，使用以下代码注册区域：

services.AddControllersWithViews().AddRazorRuntimeCompilation();
services.AddRazorPages();

services.AddMvc().AddRazorOptions(options =>
{
  options.AreaViewLocationFormats.Clear();
  options.AreaViewLocationFormats.Add("/Areas/{2}/Views/{1}/{0}.cshtml");
  options.AreaViewLocationFormats.Add("/Areas/{2}/Views/Shared/{0}.cshtml");
});

在这个示例中，我们使用了AddRazorRuntimeCompilation方法来启用运行时编译。然后，我们使用AddRazorOptions方法来配置视图的位置。在这里，我们指定了区域视图的位置。

3. 创建区域控制器 在创建区域控制器时，您需要在控制器类上使用Area属性来指定控制器所属的区域。例如：

[Area("YourAreaName")]
public class YourController : Controller
{
    // 控制器的动作方法
}

4. 创建区域视图 在区域的视图文件夹中，创建与控制器对应的视图。例如，如果您有一个名为"Index"的动作方法，那么您可以在视图文件夹中创建一个名为"Index.cshtml"的视图文件。

这样，您就可以在ASP.NET Core 3.1中使用区域端点路由了。您可以使用以下代码示例来测试区域端点路由是否正常工作：

app.UseEndpoints(endpoints =>
{
  endpoints.MapControllerRoute(
    name: "areaRoute",
    pattern: "{area:exists}/{controller=Home}/{action=Index}/{id?}"
  );
  endpoints.MapControllerRoute(
    name: "default",
    pattern: "{controller=Home}/{action=Index}/{id?}"
  );
  endpoints.MapRazorPages();
});

在这个示例中，我们首先使用MapControllerRoute方法来定义区域路由。如果请求的URL包含了区域参数，那么ASP.NET Core将使用带有区域参数的路由模式来匹配请求。如果没有区域参数，则使用默认的路由模式。

希望这个解决方案对您有所帮助！