首页 > 解决方案 > 如何在 dotnet core 3 中自定义或设置身份验证 UX

问题描述

带有身份验证的 Core3/react 模板设置身份和管理它所需的所有 UX。

我不知道如何自定义或至少设置样式。

在 Core2 中,我必须自己创建所有这些,因此只需导入另一个样式表。但是在所有 UI 都固定后,没有明显的机制来添加样式。它使用从它的 npm_modules 引用的引导程序,我想我可以破解它来添加样式,但它很丑陋并且容易受到更新。

首选方法是什么?

特别是我想添加margin-bottom: 0.5em到登录页面上的按钮,因为当注册了很多 OAuth 提供程序并且按钮换行到另一行时,它们之间没有边距,看起来很糟糕。

标签: reactjsasp.net-core-3.0

解决方案


当人们想要将 React 与 dotnet core3 一起使用时,他们不会通过翻阅数千页几乎不相关的文档来实现目标。生命太短暂了。

相反,他们通过浏览ASP.NET Core 上的单页应用程序身份验证简介来dotnet core3 react authentication oauth 开始他们的旅程,以了解 React 上的内容。

无需大谈关于部署到 Azure 的部分假设了多少先验知识,在底部有一个链接Scaffold Identity in ASP.NET Core projects

我们这些习惯使用 VS Code 的人会忽略这一点,因为脚手架是 Visual Studio 的东西。这是个错误。吃蓝色药丸,走下脚手架的兔子洞,因为现在它也是 CLI 的东西,这就是你如何处理我在问题中描述的问题,即如何自定义你没有的代码。

你搭建它,然后你就拥有了代码。


推荐阅读