标签: blazor-server-side

如何从布局访问页面的路由参数？

我有一个接受路由参数的页面，如下所示：

@page /my-page/{Slug}

我需要访问Slug在共享布局中呈现标记时的值。

我尝试OnParametersSet在布局文件中实现如下所示，但未设置该值。它仅在页面级别分配。

@inherits LayoutComponentBase

<div class="sidebar">
    <NavMenu />
</div>

<div class="main">
    <div class="top-row px-4">
            @this.Slug   <<<<------ display the parameter
    </div>

    <div class="content px-4">
        @Body
    </div>
</div>

@code
{
    [Parameter]
    public string Slug { get; set; }

    protected override void OnParametersSet()
    {
        // Slug is always null :-/
    }
}

我正在创建一个服务器端 Blazor 应用程序。以下代码位于Startup.cs.

services.AddDbContext<MyContext>(o => o.UseSqlServer(Configuration.GetConnectionString("MyContext")), ServiceLifetime.Transient);
services.AddTransient<MyViewModel, MyViewModel>();

在 ViewModel 中：

public class MyViewModel : INotifyPropertyChanged
{
    public MyViewModel(MyContext myContext)
    {
        _myContext = myContext;
    }

    public async Task<IEnumerable<Dto>> GetList(string s)
    {
        return await _myContext.Table1.where(....)....ToListAsync();
    }

并在剃刀文件中。

@inject ViewModels.MyViewModel VM
<input id="search" type="text" @bind="search" />
<input id="search" type="button" value="Go" @onclick="SearchChanged" />   
@code {
    string search = "";
    int currentCount = 0;
    async void SearchChanged() {
        currentCount++;
        dtos = GetList(search);
    }
}

但是，有时单击搜索按钮时会出现以下错误？

System.InvalidOperationException: '在上一个操作完成之前，在此上下文中启动了第二个操作。这通常是由使用相同 DbContext 实例的不同线程引起的。有关如何避免 DbContext 线程问题的详细信息，请参阅 …

我正在尝试在 .net core 3 MVC 项目中使用 Blazor。我使用了一些教程来做到这一点，比如https://fizzylogic.nl/2019/08/18/integrating-blazor-in-an-existing-asp-net-core-application/和https://chrissinty.com /using-blazor-components-in-an-existing-mvc-application/。

工作原理：Blazor 组件的初始化工作正常。OnInitializedAsync() 函数被触发，组件渲染得很好。

这是来自 MVC 视图的调用：

@(await Html.RenderComponentAsync<MyProject.Components.Locations>(RenderMode.ServerPrerendered))

什么不起作用：在 Blazor 组件中使用 @onclick。这是一些示例代码：

<span @onclick="AddLocation"></span>

@code {
    private void AddLocation(){

    }
}

它可能不起作用的原因是我在连接初始化时出错。组件不是从基本路径渲染的，而是从特定视图的 url 渲染的，我认为这会影响连接。我在 Chrome 的控制台中收到这些错误：

• [2019-12-02T09:26:08.117Z] 信息：将“_blazor”规范化为“ https://localhost:44375/Locations/_blazor ”。_blazor/negotiate:1 加载资源失败：服务器响应状态为 404 () blazor.server.js:1
• [2019-12-02T09:26:08.155Z] 错误：无法完成与服务器的协商：错误 e.log @ blazor.server.js:1 blazor.server.js:1
• [2019-12-02T09:26:08.156Z] 错误：无法启动连接：错误 e.log @ blazor.server.js:1 blazor.server.js:15
• [2019-12-02T09:26:08.156Z] 错误：错误 e.log @ blazor.server.js:15 blazor.server.js:1 -Uncaught (in promise) 错误：如果连接不在，则无法发送数据“连接”状态。

主要的错误可能是'将'_blazor '标准化为' https://localhost:44375/Locations/_blazor ' '。从基本路径请求 _blazor 有效。有谁知道在这种情况下如何设置基本路径？

（是的，普通 Razor 页面环境中的 …

我在我的应用程序中使用 URL 参数作为页面状态。

如何在不实际导航的情况下更改 URL？

谢谢！

（使用 blazor 服务器端）

我想了解，如何为Blazor 服务器端应用程序设置JWT 身份验证？

// enabling JWT bearer scheme
services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme)
    .AddJwtBearer(options => 
    {
        options.TokenValidationParameters = new TokenValidationParameters 
        {
            // TOKEN VALIDATION PARAMETERS
        };
    });

// applying default authentication policy
services.AddMvc(o => 
{
    o.EnableEndpointRouting = false;
    var policy = new AuthorizationPolicyBuilder()
        .RequireAuthenticatedUser()
        .Build();
    o.Filters.Add(new AuthorizeFilter(policy));
}).SetCompatibilityVersion(CompatibilityVersion.Version_3_0);