Redux React路由器:无法访问受保护/专用路由
Redux React路由器是一种在React应用中用于管理应用状态和路由的工具。它结合了Redux和React Router库，提供了一种集中式管理应用状态和路由的方式。
Redux是一个JavaScript状态管理库，它将应用的状态存储在一个单一的全局存储中，并通过创建纯函数来处理状态的改变。它的优势在于可以方便地跨组件共享状态，简化了应用的状态管理和数据流管理。
React Router是一个React库，用于管理应用中的路由。它提供了一种组件化的方式来定义应用的路由配置，并且可以根据URL的变化动态地渲染不同的组件。
Redux React路由器可以结合Redux和React Router的功能，使得在React应用中可以方便地管理状态和路由。它的应用场景包括但不限于：
- 大型应用的状态管理：Redux可以帮助管理复杂的应用状态，并且通过React Router可以实现组件之间的状态共享和通信。
- 路由控制和导航：React Router提供了一套灵活的路由配置和导航组件，可以实现不同路由之间的切换和导航。
- 权限和保护路由：通过Redux React路由器可以实现受保护路由，即只有特定的用户或角色可以访问的路由。可以结合用户认证和授权机制来控制访问权限。
对于Redux React路由器，腾讯云提供了相关的产品和服务，推荐使用腾讯云的Serverless Cloud Function（SCF）和云函数（Cloud Functions）来托管React应用和实现无服务器的前后端分离架构。你可以通过以下链接了解更多关于腾讯云SCF和云函数的信息：
需要注意的是，我们不会提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。以上提供的腾讯云产品和服务是基于问题描述，仅作为参考。
相关·内容
1回答
我有一个受保护的路由，只有当用户登录并将isAuthenticated设置为true时，才能访问该路由。我遇到的问题是，即使在成功登录并通过身份验证后，我也会被重定向到登录页面。在我下面的redux reducer文件中，isAuthenticated状态默认设置为null。奇怪的是，如果我将isAuthenticated默认值设置为true，然后成功登录，我就可以访问受保护的路由。但是，当isAuthenticated设置为null时，即使我成功登录
浏览 12提问于2020-11-01得票数 0
2回答
我试图创建一个受保护的路由，并创建了这样一个组件import {userSelect} from "../../Redux/userSlice";
const ProtectedRoute = ({childre
浏览 8提问于2022-04-24得票数 0
1回答
<DetailPage /> ), ],当我在url '/main‘上刷新我的react时，我的登录redux状态会被重置为false，这将返回到login组件。在我的Login组件中，将触发一个ueEffect钩子来将本地存储中的刷新令牌撤回，如果令牌是有效的，它将刷新令牌并将我的登录redux状态设置为true。我想我知道为什么会发生这种情况--当我试图在受
浏览 5提问于2022-02-18得票数 1
回答已采纳
我一直在阅读关于如何使用JWT的各种教程，例如，在React + Redux应用程序中使用JWT。 在这些教程中，JWT通常保存在本地存储中，并且有到期日期。这很好。此状态用于处理UI更改，如AuthedNavbar或设置专用路由。 这里我担心的是authReducer状态变得陈旧。(当然，服务器端路由将使用jwt进行保护，因此用户将无法访问资源。但是，他们在前端的用户体验仍然很糟糕。) 事实上，这与“单一来源真理”的原则相矛盾。在redux和本地存储
浏览 21提问于2019-03-24得票数 1
现在，我面临保护路由配置的小问题。我使用的反应-路由器5，有安装类型等。</Switch> </Suspense>}
受保护的路由组件：import { connect } from
浏览 6提问于2020-10-04得票数 1
我正在创建一个管理应用程序，在那里，我希望为管理仪表板建立一个受保护的路径。签名和注册路线是公开的。在创建一条受保护的路由之前，每条路线都运行良好。我创建了一个更高级的组件来创建一个私有路由。我将路由替换为私有路由，页面加载和终端没有出现错误。但是页面不呈现任何内容，控制台抛出错误，因为私有路由不是路由组件。所有的子路线必须是路由或react.fragment。这是我的app.ts
浏览 3提问于2022-01-06得票数 0
如您所见，我已经分配了一个jwt，但是如何将它发送回我的登录表单，并将其用于受保护的路由。服务器返回一个jwt令牌，然后可以用来验证其他路由。
浏览 3提问于2020-01-21得票数 0
回答已采纳
2回答
我正在React中创建更高级别的组件，并确保用户无法访问受保护的路由。一切都很好，但我不确定该把检查redux状态的代码放在哪里。import React, { Component } from 'react';
export default function
浏览 19提问于2019-05-07得票数 0
我们如何使用redux在react导航中创建受保护的路由？假设我有一个包含以下状态的redux存储 const mapStateToProps = state => { isAuthenticated: state.profileInfo.isAuthenticatedstate.profileInfo.isLoaded,
浏览 33提问于2019-03-13得票数 3
回答已采纳
我正在尝试创建一个新版本的反应性路由器-dom v6的私有路由处理程序，因此我需要验证用户是否经过身份验证，以便知道是返回受保护的路由还是将用户重定向到登录路由。import { Navigate } from 'react-router-dom';import { isLogged
浏览 6提问于2021-12-05得票数 0
回答已采纳
3回答
我是新的反应和还原，我开始了我的项目与反应-路由器-多姆，现在我正在寻找添加redux在混合。是否将所有Link组件切换到将操作分派到存储区的元素？
谢谢你的帮助。
浏览 3提问于2017-09-17得票数 3
回答已采纳
3回答
下面是react路由器中关于如何为受保护路由添加组件的示例： return (import * as React from 'react'; Route,} from 'react-router-dom';
interfacePriva
浏览 0提问于2018-11-01得票数 7
回答已采纳
在客户端，我正在运行一个React + Redux应用程序，它有受保护的路由。它是使用HOC实现的，它检查jwt令牌是否存在并允许基于它的路由。但问题是，在使用cookie时，如何在客户端实现受保护的路由。我在react应用程序中使用react-router-dom进行路由。
浏览 27提问于2019-02-17得票数 1
我有一个在路由中使用的受保护组件，用于包装需要用户登录的组件。我使用的反应路由器v6。这是组件代码import { Navigate, useNavigate } from 'react-router-dom'
import { useDispatch, useSelector } from 'react</e
浏览 5提问于2022-05-09得票数 0
1回答
我正试图在非路由组件上获取有关当前路由的信息。Reactive路由器提供了历史记录的单例版本(browserHistory和hashHistory)，您可以从应用程序中的任何地方导入和使用它们。以前，您似乎可以使用browserHistory，但这似乎不再受支持。我正在使用react-router-redux^4.0.8和@types\react-router-redux^5.0.1。如何访问当前的路由位置？
浏览 6提问于2018-01-11得票数 2
回答已采纳
1回答
我在想，如果我的应用程序是呈现服务器端的，那么如何使用Reactive路由器实现身份验证流呢？设想情况：onEnter: () => {
if (localStorage.getItem('authToken')) {inte
浏览 1提问于2015-10-27得票数 3
回答已采纳
React应用程序有一个登录页面。成功登录后，用户将被重定向到主页，即路径/。如果用户再次尝试导航到登录页面，即路径/login，则用户将被重定向回主页。应用程序在路径/profile上也有受保护的路由，只有在用户通过身份验证后才能访问。
但问题是，当用户导航到受保护的路由，然后刷新页面时，它将重定向到主页。如何使它从用户刷新的位置重定向回同一受保护的路由？from "
浏览 7提问于2022-02-08得票数 1
我正在尝试使用React、Redux和路由器来实现服务器端呈现。
问题是我无法访问与路由无关的组件中的staticContext。
浏览 1提问于2018-04-11得票数 1
回答已采纳
2回答
import React from 'react';import { Route, Switch} from 'react-router-dom';
function AppRoutes(
浏览 1提问于2018-05-25得票数 0
我有一个React/Redux/React路由器前端，Node/Express后端。我使用Passport (包括Facebook、Google和Github在内的各种策略)进行身份验证。我想要发生的事：
用户单击“登录F
浏览 1提问于2018-04-12得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
