React js保护的路由

文章/答案/技术大牛

发布

2回答

Next.js + react中的路由保护

reactjs、authentication、routes、next.js

我有一个关于Next.js和React的项目，它不使用任何用于路由的库。如何为未经认证的用户实现路由保护(受保护的路由)？或者，如果cookie中没有令牌，我应该只重定向它们吗？

浏览 2提问于2018-06-05得票数 8

1回答

用react路由器v6实现保护路由

reactjs、react-router、react-router-dom

创建了一个具有以下版本的react js仪表板应用程序：“router路由器”："^6.0.0-beta.0"，"react-router"："^6.0.0-beta.0“ 必须为应用程序实现一个受保护的路由实例，因为在反应路由器v6上面，受保护的路由与我在v5上的习惯有点不同。有人能告诉我如何为这个添加保

浏览 2提问于2020-10-31得票数 3

回答已采纳

1回答

受保护的路由与受passport保护的express后端进行反应

javascript、reactjs、express、routes、passport.js

我有点困惑，我读得越多，我就越困惑… 因此，我有一个受PassportJS本地策略保护的JS Express后端，并使用express-session。现在我该如何处理我的React设置？我是否可以在我的服务器上创建一个路由，检查用户是否登录，然后根据响应设置相应的React State，以允许访问受保护的路由？我假设所有重定向(例如，对路由的未

浏览 17提问于2020-11-23得票数 0

3回答

重定向到React中的最后一个浏览器历史位置。

reactjs、react-router、react-router-dom

我正在做我的个人反应项目。React应用程序有一个登录页面。成功登录后，用户将被重定向到主页，即路径/。如果用户再次尝试导航到登录页面，即路径/login，则用户将被重定向回主页。应用程序在路径/profile上也有受保护的路由，只有在用户通过身份验证后才能访问。但问题是，当用户导航到受保护的路由，然后刷新页面时，它将重定向到主页。如何使它从用户刷新的位置重定向回同一受保护的<

浏览 7提问于2022-02-08得票数 1

3回答

如何在不付费的情况下保护用户访问的路由？

reactjs

我有一个向客户收费的系统。每次付款成功后，我会使用现在我想知道怎样才能保护它？

浏览 7提问于2020-12-22得票数 1

回答已采纳

2回答

reactjs

我已经创建了一个受保护的路由，并且它起作用了。cb(); return this.authenticated;} 对于我的routes.jsimport React from 'react' import { BrowserRouter, Switch, Route, Redirect } from 're

浏览 13提问于2020-02-12得票数 1

回答已采纳

1回答

使用Firebase的受保护路由

node.js、reactjs、firebase-authentication、next.js、firebaseui

我在我的Next.js应用程序中使用Firebase进行用户身份验证。我想在客户端保护一个用户。我使用firebase firebaseui react-firebaseUI来实现Google Auth。如何在客户端本身中保护路由 const uiConfig = { signInSuccessUrl: "/dashboard", signInOptions: [fir

浏览 14提问于2020-12-30得票数 1

回答已采纳

1回答

如何检查用户是否已登录NextJS

reactjs、react-hooks、next.js、use-state、react-props

我使用Codeigniter 4作为后端，并且已经完成了登录页面，但是现在无法检查用户是否登录了，我使用的是下一个JS作为前端。我的想法是使用useState钩子将值设置为true，并将其作为支持传递，然后使用三元操作符检查用户是否已登录，但我不知道如何将其作为支柱传递，也不知道这是否是一种很好的方法。

浏览 39提问于2022-03-12得票数 0

1回答

如何在react单页面应用程序中隐藏XHR请求？

javascript、reactjs、next.js、server-side-rendering、client-side

在react中，当从端点获取数据时，该端点在chrome的devtools中的网络选项卡下可见。我怎么能把它藏起来呢？服务器端渲染能解决这个问题吗？

浏览 25提问于2020-10-21得票数 0

回答已采纳

1回答

React-router-dom受保护的路由不起作用

javascript、reactjs、react-router-dom

受保护的Routes.js：在受保护的路由中，您可以看到我在if语句中直接使用了false，但是我仍然能够看到该页面，为什么？import React from 'react';// import Auth from '.else{ ret

浏览 29提问于2021-11-06得票数 0

1回答

每次登录时刷新页面都会使我回到仪表板(带有受保护路由的持久登录)。

reactjs、persistence、react-router-dom

这是用Context API完成的这个users)ProtectedRouteLogin.js:-保护路由是为了确保用户cookie是否存在或用户身份验证，那么用户应该是redirectto Dashboard.js (登录的主页)。或其他受保护组件的保护路由 --它存在于与以前相同的目的，检查用户

浏览 0提问于2020-12-18得票数 0

回答已采纳

3回答

React路由器-Dom v6保护路由

reactjs、react-router-dom

我需要帮助如何实现保护的路由与反应-路由器-多姆v6。这个例子不适合我。我想当访问受保护的路由和用户没有登录时，被重定向到登录页面。AuthenticatedRouteimport { Route, Navigate } from "react-router-dom"; <

浏览 4提问于2021-09-06得票数 1

1回答

使用react-snap进行SEO

reactjs、react-snap

我正在使用react snap进行搜索引擎优化。import React from 'react';当我运行npm run build，并在页面上查看源代码时，我看不到页面所需的实时元描述和标题。下面是我如何设置meta

浏览 2提问于2019-12-17得票数 1

1回答

在服务器端使用passport-jwt渲染Express/React应用程序

javascript、node.js、reactjs、react-router、passport.js

我有一个通用的NodeJS，Express，React/Redux应用程序，它使用react-router。它是在应用程序的初始请求时从服务器端呈现的，在客户端则是在来自react-router的后续请求时呈现。我的routes.js文件： <Route path="/main&quo

浏览 3提问于2017-05-15得票数 2

3回答

我现在正在构建一个spa，它使用Vue.js作为前端框架，它与使用jsonwebtokens的纯json后端进行对话。我更熟悉React生态系统。我现在不确定如何在Vue.js中保护客户端路由。(这不是我对框架的决定。我是新来的。耶！) 在react中，我会这样做。在项目的index.js文件中。在挂载应用之前，请检查本地存储中是否有jsonwebtoken。然后，我将使用高阶组件来保护我的

浏览 3提问于2017-04-15得票数 4

3回答

使用Redux通过React-Navigation创建受保护的路由(v.3或v.4)

javascript、reactjs、react-native、redux、react-navigation

我们如何使用redux在react导航中创建受保护的路由？假设我有一个包含以下状态的redux存储 const mapStateToProps = state => { isAuthenticated: state.profileInfo.isAuthenticatedstate.profileInfo.isLoaded, } }; 我正

浏览 33提问于2019-03-13得票数 3

回答已采纳

1回答

如何在设置状态后直接呈现状态？

javascript、reactjs、react-router、react-router-dom

Introduction：我是对ReactJS非常陌生(我一周前才开始)，但我不想以此为借口，所以如果有什么我不理解的地方，请给我下点功夫。摘要：我正在尝试实现受保护的路由。后台：在被保护的路由组件挂载时，componentDidMount()调用一个名为isAuthenticated()的函数，该函数更改名为isAuthenticated的字段的状态。这个字段是我正在检查的，以确定用户是否看到了

浏览 2提问于2020-04-23得票数 1

回答已采纳

1回答

如果已在reactjs中进行身份验证，则将用户重定向到仪表板

reactjs、react-router-dom

嗨，我有一个simple项目，在这个项目中我有总的three files，一个是App.js在App.js我有所有定义的routes .The第二个文件是Dashboard.js，这是一个秘密页面，这个页面只能看到在这个文件中，我定义了一个受保护的路由。现在我的问题是，如果user已通过身份验证，并且如果他/她尝试将url更改为Home Page，则应将其重定向到Dashboard.js /&#x

浏览 17提问于2021-08-27得票数 0

回答已采纳

2回答

在componentWillMount中调用函数内部的操作导致无法读取未定义的属性

javascript、reactjs、react-redux

非常新的反应和ES6惯例。我试图从componentWillMount()内部的函数中调用一个操作。这是当前形式的我的代码：import { connect } from 'react-redux> } return connect( nul

浏览 1提问于2017-09-08得票数 0

回答已采纳

2回答

React路由器v6:注销后显示的受保护路由

javascript、reactjs

我试图在React中实现一个私有路由；在用户登录之前，主页不应该是可见的。如果我重新启动我的前端，所有受保护的路由在用户登录之前都是不可访问的。但是，在第一次登录之后，所有受保护的路由似乎都没有受到保护；我可以注销，会话在我的数据库中被销毁，我的后端发送一个{isLoggedIn: false}的响应，但出于某种原因，我仍然可以

浏览 9提问于2022-11-06得票数 0

回答已采纳

点击加载更多

Next.js + react中的路由保护

用react路由器v6实现保护路由

受保护的路由与受passport保护的express后端进行反应

重定向到React中的最后一个浏览器历史位置。

如何在不付费的情况下保护用户访问的路由？