问题标签 [blazor-webassembly]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
808 浏览

asp.net - 将 asp.net core web api 与 Angular SPA 等 Blazor Web 程序集连接起来

我是 Bazor Web 程序集(Blazor 客户端)的新手。

我已经使用带有 Angular 应用程序的 Asp.net Core web api 创建了一个项目。为了使用 asp.net core web api 和 angular,我可以使用默认功能,例如

AddSpaStaticFiles
UseSpa

如何像 Angular 一样使用 Blazor webassembly?或者如何用 Blazor 客户端替换现有的 Angular SPA?

一些链接为 Blazor 程序集预览提供了解决方案。但是在最新版本中找不到相同的功能。

https://csharp.christiannagel.com/2019/08/27/blazorserverandclient/

0 投票
1 回答
907 浏览

blazor - Blazor:在子组件中登录成功后关闭 MatBlazor 弹出对话框

我有一个Login.razor发生所有操作的页面。

我的MainLayout.razor包含 Matblazor 对话框弹出窗口。

当我使用此对话框登录时,该框不会自行关闭,因为我不知道该怎么做。现在我想在成功登录后关闭弹出对话框。任何人都可以帮助我吗?

0 投票
3 回答
660 浏览

docker - Blazor WebAssembly 在 Docker 中运行时无法读取环境变量或查找文件

我有一个已经 dockerized 的 Blazor webassembly 项目,我正在尝试在启动时读取容器中设置的环境变量。如果我执行以下操作,我可以在容器中运行 shell 并回显变量。

但是,如果我尝试使用此命令读取应用程序中的环境变量。

它返回为 null 并且尝试读取已安装的文件也是如此。可以向我解释为什么我会遇到这种情况吗?

我的 Dockerfile 看起来像这样。

0 投票
0 回答
1758 浏览

blazor-client-side - 如何保护/加密存储在 Blazor WebAssembly 中的会话/本地存储中的数据

我正在创建 Blazor WebAssembly 应用程序并试图弄清楚如何加密/保护存储在会话存储/本地存储中的数据?

0 投票
2 回答
163 浏览

blazor - 从 URL 访问 png 图像时的基本 URL 问题

我正在使用托管 ASP.NET Core 的 Blazor Web 程序集。我已将基本 URL 设置为“/”

我想将图像从 URL 转换为字节数组所以我使用下面的代码进行转换

但是 Blazor Web Assembly 在运行时会出现以下错误

blazor.webassembly.js:1 暴击:Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] 未处理的异常渲染组件:找不到路径的一部分“https://homepages.cae.wisc.edu/~ece533 /images/frymire.png”。System.IO.DirectoryNotFoundException:找不到路径“/https:/homepages.cae.wisc.edu/~ece533/images/frymire.png”的一部分。在 System.IO.FileStream..ctor(System.String 路径、System.IO.FileMode 模式、System.IO.FileAccess 访问、System.IO.FileShare 共享、System.Int32 bufferSize、System.Boolean 匿名、System.IO。 FileOptions options) <0x2de83f8 + 0x00258> in :0 at System.IO.FileStream..ctor (System.String path, System.IO.FileMode mode, System.IO.FileAccess access, System.IO.FileShare share, System.Int32 bufferSize,System.IO.FileOptions 选项)<0x35ad778 + 0x0001c>

正如我在错误中看到的那样 / 自动附加到导致此问题的路径

这个问题有什么解决办法吗?

0 投票
1 回答
435 浏览

c# - 如何使用依赖注入 (DI) 调用类

描述

我想用依赖注入创建一个类的对象。如果我手动设置参数,我得到了异常Cannot access a disposed of the object.

此应用程序是带有 Dotnet core 3.1 的 Blazor wasm。我创建了一个应该连接到查询控制台的中间件。所以我有一个包含所有查询客户端的静态列表。如果缺少客户端,它将被创建。

在中间件中调用 Async:

TeamspeakInstanceQueryClient.cs

InstancesControlRepository.cs

启动.cs

我试过的

  1. 我试图用服务提供者创建这个类,但它遇到了同样的错误
  2. 我尝试在创建的类中使用服务提供者创建缺少的参数。但我需要注入服务提供者,这也会产生异常Cannot access a disposed of the object. Object name: 'IServiceProvider'.
  3. 我试图让服务提供商静态化,所以它不能被处理,但它被处理了。
0 投票
3 回答
896 浏览

.net-core - 自定义 `AuthenticationStateProvider` 身份验证失败

我创建了一个习惯ApiAuthenticationStateProvider,在返回后AuthenticationState仍然声明

这是我ApiAuthenticationStateProvider失败的简化版本:

我可以从中Console.WriteLine看出正在使用我的自定义提供程序,但要提供完整的详细信息,这是我用来添加它的代码Program.cs

builder.Services.AddScoped<AuthenticationStateProvider, ApiAuthenticationStateProvider>();

0 投票
1 回答
1702 浏览

c# - ClaimTypes.NameIdentifier 在 Blazor WebAssembly ASP.NET Core Hosted 中始终返回 null

我已经设置了一个Blazor WebAssembly ASP.NET Core hosted应用程序并集成了身份验证系统以及AuthenticationProvider客户端的自定义。在服务器端项目中,我在控制器中调用:

并且id变量总是返回null。

用户来自 aspnetcoreuser 表(aspnetcore 身份) 在表数据中,我可以看到,当我使用 SQLite 时,id 不为空,并且用户已成功添加到aspnetuser表中。

一些 SDK 版本:

安装的 .NET Core SDK:3.1.301 安装的 .NET Core 运行时:Microsoft.AspNetCore.All 2.1.19 Microsoft.AspNetCore.App 2.1.19Microsoft.AspNetCore.App 3.1.5 Microsoft.NETCore.App 2.1.19 Microsoft.NETCore。应用程序 3.1.5 Microsoft.WindowsDesktop.App 3.1.5

我还看到了一些解决方案,这些解决方案"windowsAuthentication": true, "anonymousAuthentication": false,可能launchSettings.json会导致这种情况,但是随着更改它并没有为我解决。

这里有人可以帮助我吗?

0 投票
1 回答
255 浏览

blazor - 如果路由器不匹配,Blazor 404 页面不显示

我正在研究 Blazor POC 并被困在路由上。我已经在页面上实现了一些路由,但是如果未配置某些路由并尝试从浏览器加载而不是仅在浏览器上获取“正在加载...”文本

App.razor 文件下方

Index.html 在下面给出

在控制台中出现错误:

净::ERR_ABORTED 404

获取脚本时收到错误的 HTTP 响应代码 (404)。 在此处输入图像描述 未捕获(承诺)类型错误:无法使用脚本('https://localhost:44336/product/service-worker.js')为范围('https://localhost:44336/product/')注册 ServiceWorker:获取脚本时收到错误的 HTTP 响应代码 (404)。

0 投票
0 回答
2066 浏览

c# - Blazor 组件获得多项选择

描述

我创建了一个 Blazor wasm 应用程序。在那里,我构建了自己的InputSelect<string>组件,它获取了一串 id(例如:“1,2,3,4,5”)。我解析显示它们的 id,然后可以返回然后转换回字符串。如果多选菜单发生了变化,我想selectedServergroups用新值更新我的变量。但我刚刚得到列表中的第一个选定值。如何获取所有选定的值?

资源

示例 OnChange 日志输出