IT技术 - 未处理的拒绝（错误）：无法加载“WebPortal”的设置 - ASP.NET Core React - 吾爱随笔录

未处理的拒绝（错误）：无法加载“WebPortal”的设置 - ASP.NET Core React

IT技术 asp.net reactjs asp.net-core asp.net-core-identity

2021-05-27 20:30:09

我创建了一个 ASP.NET Core 3 React项目，但不断收到此错误。

未处理的拒绝（错误）：无法加载“WebPortal”的设置

获取https://localhost:44367/_configuration/WebPortal 401

未捕获（Promise）错误：无法加载“WebPortal”的设置

在 AuthorizeService.ensureUserManagerInitialized (AuthorizeService.js:184)
at async AuthorizeService.getUser (AuthorizeService.js:24)
at async AuthorizeService.isAuthenticated (AuthorizeService.js:15)
at async Promise.all (index 0)
at async LoginMenu.populateState ( LoginMenu.js:26)

这是弹出的错误（AuthorizeService.js）：

    async ensureUserManagerInitialized() {
        if (this.userManager !== undefined) {
            return;
        }

        let response = await fetch(ApplicationPaths.ApiAuthorizationClientConfigurationUrl);

        if (!response.ok) {
            throw new Error('Could not load settings for '${ApplicationName}');
        }

        let settings = await response.json();
        settings.automaticSilentRenew = true;
        settings.includeIdTokenInSilentRenew = true;
        settings.userStore = new WebStorageStateStore({
            prefix: ApplicationName
        });

        this.userManager = new UserManager(settings);
        this.userManager.events.addUserSignedOut(async () => {
            await this.userManager.removeUser();
            this.updateState(undefined);
        });
    }

我的ApiAuthorizationConstants.js文件：

    export const ApplicationName = 'WebPortal';
    export const QueryParameterNames = {
      ReturnUrl: 'returnUrl',
      Message: 'message'
    };
    export const LogoutActions = {
      LogoutCallback: 'logout-callback',
      Logout: 'logout',
      LoggedOut: 'logged-out'
    };
    export const LoginActions = {
      Login: 'login',
      LoginCallback: 'login-callback',
      LoginFailed: 'login-failed',
      Profile: 'profile',
      Register: 'register'
    };
    const prefix = '/authentication';
    export const ApplicationPaths = {
       DefaultLoginRedirectPath: '/',
       ApiAuthorizationClientConfigurationUrl: '/_configuration/${ApplicationName}',
       ApiAuthorizationPrefix: prefix,
       Login: '${prefix}/${LoginActions.Login}',
       LoginFailed: '${prefix}/${LoginActions.LoginFailed}',
       LoginCallback: '${prefix}/${LoginActions.LoginCallback}',
       Register: '${prefix}/${LoginActions.Register}',
       Profile: '${prefix}/${LoginActions.Profile}',
       LogOut: '${prefix}/${LogoutActions.Logout}',
       LoggedOut: '${prefix}/${LogoutActions.LoggedOut}',
       LogOutCallback: '${prefix}/${LogoutActions.LogoutCallback}',
       IdentityRegisterPath: '/Identity/Account/Register',
       IdentityManagePath: '/Identity/Account/Manage'
     };

在控制台中，我看到：

谁能帮我？

1个回答

根据@Woodz 和@Jack 的评论，我调查了问题并找出了问题所在。问题是主页需要授权。我会在这里发布我的解决方案，它可能对某人有所帮助。

问题原因

在我的Startup.cs类中，我为所有控制器启用了授权。看下面的代码，

services.AddMvc(options => {

                //**************Add General Policy *********************
                //User need to be a Authorized system user to access pages except allowAnonymous annotation
                var generalPolicy = new AuthorizationPolicyBuilder()
                                           .RequireAuthenticatedUser()
                                           .Build();
                options.Filters.Add(new AuthorizeFilter(generalPolicy));
                options.Filters.Add(new AutoValidateAntiforgeryTokenAttribute());


            })

解决方案

在OidcConfigurationController.cs 中更改授权（添加AllowAnonymous 注释）。

[AllowAnonymous]
public class OidcConfigurationController : Controller
{
    private readonly ILogger<OidcConfigurationController> _logger;

    public OidcConfigurationController(IClientRequestParametersProvider 
      clientRequestParametersProvider, ILogger<OidcConfigurationController> 
     logger)
    {
        ClientRequestParametersProvider = clientRequestParametersProvider;
        _logger = logger;
     }

    public IClientRequestParametersProvider ClientRequestParametersProvider 
      { get; }

    [HttpGet("_configuration/{clientId}")]
    public IActionResult GetClientRequestParameters([FromRoute]string clientId)
    {
        var parameters = 
                 ClientRequestParametersProvider.GetClientParameters(HttpContext, 
                 clientId);
        return Ok(parameters);
    }
}

其它你可能感兴趣的问题

上一篇React 每次向 Express 发送请求，都会生成一个新的会话下一篇React 中的图像：是否可以使用来自导入对象的字符串作为图像的源路径？