我对反应路由器有意见。如果我在地址栏(mysite.com/user(指向用户的有效url)或mysite.com/adf (绝对不是有效的url )(应该显示404页)中键入随机路由，路由器将我重定向到主页('/')。如果我点击链接，其中领导在同一页，一切都是好的，必要的页面显示。
{
path: '/',
exact: true,
cache: false,
component: HomePage,
},
{
path: '/users',
exact: true,
cach
浏览 0提问于2019-08-27得票数 1
回答已采纳
使用react路由器v4和Typescript以编程方式导航时出错：
只读和子项{ ？：ReactNode；}> }类型上不存在历史属性“”history
我想在API调用成功或失败时重定向到特定路径。但无法做到这一点。
路由器代码
import { BrowserRouter as Router , Switch , Route} from 'react-router-dom';
import * as React from 'react';
class App extends React.Component<{}, {}> {
re
浏览 71提问于2019-04-22得票数 3
回答已采纳
1回答
我有一个React/React路由器应用程序，它需要知道用户如何登陆页面的上下文。可能有两种不同的情况(1) 302重定向(2)客户端重定向.
让我添加用例，给出更多的细节。
(1)：用户直接点击URL并登陆页面
(2)：用户单击一个按钮，然后通过Link API重定向到另一个页面。
我注意到，react路由器道具包含历史对象，在(1)情况下，历史操作是POP，而在客户端重定向情况下，(2)是PUSH或REPLACE。如果我可以遵守历史操作并通过检查action === POP确定302个重定向，这是一个好的假设吗？
浏览 3提问于2020-08-06得票数 1
回答已采纳
1回答
我正在为一个生产构建的index.html服务，它是从一个快速服务器上生成的。react应用程序使用react路由器进行导航。在使用react路由器时，存在一个问题，即当刷新页面时，它无法再获取数据，因为它正在向发送get请求，并且该URL无法以快捷方式处理。因此，我通过处理每个get请求找到了解决方案: app.get('*')将重定向回主页，这样页面就可以获得它所需的所有资源。但是，我在快递中有其他端点，可以将数据发送到前端，如果我重定向所有获取请求，则端点不再工作。我该怎么解决这个问题？
浏览 5提问于2020-08-10得票数 0
回答已采纳
我正在使用MERN堆栈构建一个应用程序，并使用Passport-local进行身份验证，在后端使用express路由器，在前端使用React路由器。React在端口3000上运行，而express在端口5000上运行。我使用CORS和localhost:5000作为react的package.json的代理服务器。
在localhost:3000/login的登录页面中，一旦用户提交信息并单击submit，我就会在后端收到请求，并通过passport进行身份验证，没有任何错误。
但是，我不能将用户重定向到localhost:3000/dashboard。
如何将用户重定向到React中与Exp
浏览 7提问于2021-02-05得票数 2
我读过很多关于react的东西--路由器v4和npm历史库，到目前为止，似乎都没有对我有帮助。
在使用history.push()方法更改url时，我的代码正在按预期的方式工作，直到它应该导航并执行简单的重定向。URL正在更改为指定的路由，但不执行按钮按下的重定向操作。谢谢你，还在学习反应路由器.
我希望按钮按下可以在不使用{forceRefresh:true}的情况下进行简单的重定向，然后重新加载整个页面。
import React from 'react';
import createBrowserHistory from 'history/createBrowse
浏览 25提问于2017-03-22得票数 87
回答已采纳
我目前正在使用快速加载一个页面客户端应用程序在React.js和反应路由器。
它的结构，我有/about和/contact作为标准玉视图，但/ui作为实际反应应用。任何超越/ui的后续导航，如ui/仪表板，都由react路由器处理。这意味着，如果我需要访问www.foobar.com/ ui/仪表板，我将需要选择ui*的路径，获取ui*的url过去的ui/(在本例中是仪表板)，并传递给它以响应路由器(通过玉视图中的变量，这是react应用程序的入口点)，然后从一个react组件加载这个路由。我想使这种方法工作，因为这使用户能够保存urls的反应应用程序。问题是我不知道这是怎么回事：
我不能
浏览 2提问于2015-10-05得票数 1
我正在尝试使用react提供的路由器，但有些东西不起作用，我不知道是什么……首先，我使用BrowserRouter，我有一个类似于: home/login的url。然而，重定向在构建中不起作用，而只在开发环境中起作用。在那之后，我将BrowserRouter更改为HashRouter，并且，即使重定向在构建中有效，我也有一个类似这样的url : home/login#/home/login。怎么啦？ const App = () => {
return (
<HashRouter basename={pack.homepage}>
<MuiThe
浏览 13提问于2021-04-26得票数 0
1回答
在React路由器v5中，中有一个组件，您可以使用该组件将用户从一个路由重定向到另一个路由，如下所示：
import React from 'react';
import { Switch, Route, Redirect } from 'react-router-dom';
// ...
function App() {
// ...
return (
<div>
<Header />
<Switch>
<Route path="/" elem
浏览 1提问于2022-06-11得票数 0
是否有正式的方法从另一个React组件导入我定义的路由并重定向到该路由器内的命名模式？
说我的路线是这样的：
# router.cjsx
Routes = require'react-router').Routes
Route = require('react-router').Route
React.renderComponent((
<Routes location="history">
<Route handler={App}>
<Route name="login"
浏览 1提问于2014-11-07得票数 4
回答已采纳
3回答
我看不到子组件中的文本。呈现大小为0x0且为空的子元素。
这是反应路由器造成的吗？
这是我的密码：
App.js：
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import home from './pages/home/home';
import repoDetails from "./pages/repoDetails/repoDetails&#
浏览 1提问于2018-10-09得票数 1
回答已采纳
我与React路由器V5一起工作。
我已经使用url params实现了React分页。
当我更改url中的查询参数，然后路由器重定向到主页时，我将面临问题。
你能告诉我我的路线出了什么问题吗？
export const AppRoutes = () => {
const { currentUser } = useAuth();
return (
<Switch>
{!currentUser.isLoggedIn && <Route path={AppRoute.login} component={Login} />}
浏览 2提问于2022-05-12得票数 1
回答已采纳
3回答
我正在迁移一个react应用程序，并试图将它拆分。基本上，我想将一些客户端反应路线重定向到绝对url(或相对的，但至少与服务器往返，在那里进行反向代理)。
请注意，
react路由器3.0.0
react路由器-redux 4.0.7
这个应用程序有以下网址：
=>主页
=>：第一条路线
=>第二条路线
第三条路线 =>
一切都在里面，立刻做出反应。
路由如下所示：
<Provider store={store}>
<Router history={history}>
<Rou
浏览 8提问于2017-12-20得票数 7
回答已采纳
我的react应用程序中有一个react路由器，我正尝试将其托管在IIS中。我已经安装了URL重写。使用下面的web.config。
<?xml version="1.0"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="React Routes" stopProcessing="true">
<match url=".*" />
<condit
浏览 43提问于2021-02-19得票数 0
我正在尝试找出是否有可能检测到大写字母的URL，并将它们重定向到所有小写字母的相同URL。
因此，类似“/products/top/”的内容将被重定向到“/products/top/”。
在React路由器v4中使用react- Router -dom可以实现这样的操作吗？
浏览 4提问于2018-01-25得票数 3
1回答
Hi需要重定向到外部url之后，由保存在我的react应用程序的env配置文件中的特定配置文件进行注销。
示例: baseUrl -> ，所以我的路由器域中的每个链接都从基本的my /继续。
问题是，我需要重定向到，但是当我只想要的时候，使用react路由器的useNavigate或者使用基本的js (比如window.location.replace )总是将我重定向到www.mysite/google.com，我怎么能强迫它呢？
浏览 6提问于2022-09-01得票数 0
回答已采纳
react-路由器URL更改，但组件未加载。我的应用程序内容大量脱离嵌套路由器。查看我的布局 ? 在这个应用中，我主要有两个问题1.重定向2.组件没有加载 看这个gif视频我的问题是什么？ why react router url changes but component does not load in my nested router app 我分享gif视频是因为我的gif大小超过2mb。在这个gif视频中，你可以看到当点击注销按钮时不会重定向。其次，当点击注册按钮时，我的应用程序不会重定向。 请告诉我我的问题是什么
浏览 26提问于2020-01-03得票数 0
当从redux存储发送操作时，我尝试使用react路由器history.push("/")来重定向。当我使用历史记录时，它会替换url，而不会替换内容(组件没有呈现)。
我知道我们可以使用，但它不支持react路由器的v6。
有什么想法，如何可以实现这与自定义路由器或任何裁判？
任何帮助都非常感谢，谢谢
浏览 3提问于2022-02-15得票数 2
在为Apache服务器上的React生成的URL路径重定向404错误时，我遇到了问题。
场景：
假设我有一些由React路由器生成的URL :www.omewebsite.com/app
问题
如果最终用户点击刷新，我如何重定向回www.omewebsite.com/app？
我尝试过的：
到目前为止，我能够将用户重定向到www.somewebsite.com。我只需要在重定向之前找到一条路。
浏览 2提问于2020-02-21得票数 1
回答已采纳
2回答
我正在尝试让我的路由与IIS一起工作，并使用BrowserRouter来响应路由器BrowserRouter。
在我的本地主机上，我所有的路线都像预期的那样工作。React路由器处理任何我希望它做的事情：
现在，在IIS中，为了为我的应用程序提供api服务，我设置了一个忽略‘/app文件夹/api/*’的规则。这是可行的。
如何使IIS重定向到“”，并让Router根据其规则处理它。如果我重定向到‘/app文件夹/index.html’，我就会丢失我的“代码”，我希望保留它以供ReactRouter处理。
如果我试图通过使用regexp捕获组重定向到'‘，就会
浏览 2提问于2017-07-18得票数 4
回答已采纳
我已经配置了react路由器将任何未知的url重定向到"/"：
<Router history={browserHistory}>
<Route path="/" component={Shell}>
<IndexRoute component={GithubPage}/>
<Route path="clock" component={ClockPage}/>
<Redirect from="*" to="/
浏览 0提问于2016-11-06得票数 1
上下文:我有一个<Header />组件，它有一个按钮将用户重定向到<SignIn />组件。始终显示<Header />组件，但是当用户登录时，Login按钮消失并被用户名替换。
我将不详细介绍身份验证机制，但让我们简单地说它是基于存储在localStorage中的JWT的。为了读取cookie并确定是否显示登录按钮，我在<Header />中有以下代码：
componentDidMount() {
const token = localStorage.getItem("token");
if (token)
浏览 0提问于2018-08-03得票数 0
回答已采纳
我试图使用从fetchData钩子获取数据，但奇怪的是，它会产生以下错误->
Line 26:31: React Hook "useReducer" is called in function "fetchData" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Line 28:5: React Hook "useEffect" is called in functi
浏览 10提问于2020-07-21得票数 1
回答已采纳
如果用户访问的页面需要的上下文超出了url上的内容，我想将它们重定向到其他地方。用例是：
/ todos /list -此页面显示用户的待办事项列表。它包含链接to:/todos/edit?id=1 -此页面允许用户查看/编辑有关特定待办事项的详细信息.
如果用户要直接转到/todos/编辑(没有id)，我想将它们重定向到/todos/list。我已经尝试通过在构造函数中有条件地导航(‘list’)来完成这个任务。这确实正确地更新了浏览器url，但是它没有呈现/todos/list页面。这有可能做到吗？还是不可能这样做呢？
我知道更常见的url是/todos/edit/1，这样reach路由器
浏览 2提问于2020-06-25得票数 0
我想在同一个laravel应用项目中托管react应用程序和laravel应用程序。前端应用程序是react和后端(管理面板) laravel。
我希望将所有请求重定向到特定的前端视图，除了第一个URL段==后端/:any
例如：
继续使用laravel路由器
除了后端/继续使用react路由器以外的
对这件事有什么想法吗？
浏览 1提问于2019-10-05得票数 1
回答已采纳
我想将所有其他url重定向到默认的basename url:例如：
<Router basename="test">
<Routes>
......
</Route>
</Router>
如果我点击了url /any，它应该重定向到/test，如何在react路由器中配置它，我知道默认路由不是一个选项，因为在本例中url不是以/test开始的？
浏览 3提问于2022-09-13得票数 0
当用户令牌在本地存储中可用，并在浏览器上获取"/login“url时，则应该将用户重定向到仪表板页面。
因此，代码如下所示。
const history = createHistory();
const { token, location } = this.props;
<ConnectedRouter history={history}>
<Switch>
<Route path="/login" render={ () => (token && <Redirect to="/dashboa
浏览 2提问于2019-02-08得票数 0
我正在使用react路由器创建一个新的应用程序，我遇到了以下问题:当我用插入一个URL，在URL的末尾使用斜杠时，它返回消息Uncaught SyntaxError: Unexpected token <，但是当我插入相同的URL，但最终没有尾随斜杠的时候，，它就能工作了！
如何保持在URL末尾不使用尾斜杠的模式，并将所有有这种类型的人重定向到没有这种类型的URL？
浏览 1提问于2017-02-01得票数 0
回答已采纳
2回答
目前，我在使用React路由器v4时遇到了一些问题，当使用URL参数时，使用了重定向。这是我使用的路线：
<Route path="/blog/page/:number" component={Blog} />
我正在使用UI框架语义-ui-react及其组件分页( )，并且我不能将其元素呈现为链接，也不能将其呈现为来自react路由器的NavLinks。
相反，我必须使用事件函数onPageChange(activePage)，它允许我重定向到单击的页面。我想出了一种方法，通过从react路由器-dom呈现一个<Redirect to={location}
浏览 0提问于2018-05-13得票数 0
回答已采纳
我。使用React路由器并在Meteor应用程序上做出反应。我使用OAuth，在OAuth调用到另一个站点之后，该站点用代码重定向到我的URL。例如
然后我读取代码并在我的应用程序中使用它。但是，在获得代码之后，我想从URL中删除代码，以对用户隐藏代码。
我如何在不重新加载的情况下使用React路由器或Javascript来做到这一点？
浏览 3提问于2018-06-29得票数 2
回答已采纳
1回答
我在react中有一个链路路由器，如下所示：
<Link to={window.location.href}>Name</Link>
但这只是重定向到：
我只想重定向到同一页，包括queryParameters。我尝试使用#，但它忽略了queryParameters。
理想情况如下：http://0.0.0.0:4321?name=apple
浏览 0提问于2021-12-03得票数 0
如何在使用react路由器时摆脱url中的'#‘？如果我将链接重定向到"example.com/user“。它转到"example.com#/user“。我需要删除url中的“#”。 提前谢谢。
浏览 15提问于2019-01-09得票数 0
4回答
我使用的是react路由器，这意味着我将路由存储在app.tsx文件中。
我有卡片组件，需要重定向到外部url onClick。
，所以我的问题是如何使用外部url示例重定向卡组件上的onClick：，并将两个查询字符串a=xxx和b=xxx提供给url。
浏览 7提问于2021-04-01得票数 4
回答已采纳
我在我的项目中使用了reactjs路由器，我注意到我的所有URL都在末尾带有斜杠，所以刷新页面重定向到我没有的服务器。
而且，重定向是与路径而不是名称一起使用的，因此每次我更改基本url时，我都必须更改所有的重定向和路由初始化。
ReactRouter.browserHistory.push('/prefix/newRoute/');
ReactDOM.render(
React.createElement(ReactRouter.Router, {history: ReactRouter.browserHistory},
React.crea
浏览 0提问于2016-08-31得票数 0
回答已采纳
尝试阻止用户访问我的/mainpage路由，如果他们没有登录，并将他们重定向到登录...当前正在使用passport和react路由器和组件...这是我的app js
return (
<Router>
<div>
<Route exact path="/" component={Login} />
<Route exact path="/login" component={Login} />
<Route exact
浏览 0提问于2021-02-26得票数 1
1回答
我有一个具有以下流程的web应用程序：
您在Investments屏幕上，当将它呈现给某个服务器时，它会向某个服务器发出API请求，然后响应将作为一个投资对象数组出现。然后，这些对象作为列表显示在屏幕上。用户可以在列表的某一项上循环以重定向到Investment屏幕。投资细节屏幕有两个组件，它们需要当前投资的信息来显示一些图表。
重定向由react路由器使用投资的ID作为URL参数来处理。
我想知道哪一种方式可以最好地利用当前投资的信息。
我是说。我可以将用户从Investments重定向到Investment Details，然后使用URL param向API发出请求，以获取与该投资相关的信
浏览 4提问于2021-01-28得票数 1
回答已采纳
我使用的反应路由器浏览我的反应/流量应用程序。
我仍然有问题的是：--在成功的API调用之后，重定向到新页面(或者仅仅更改URI参数)的最佳方法是什么？
我有一个API.js，其中我的异步调用(与超级代理)。实际调用是在我的app-actions.js中完成的：
createWorkspace( workspace ) {
Api.createWorkspace( workspace )
.then(function( workspace ) {
dispatch({ actionType: AppConstants.CREATE_WORKSPACE
浏览 2提问于2015-12-13得票数 2
回答已采纳
在react路由器v4中，我们现在需要使用一个组件将用户重定向到其他地方。
虽然在构建路由组件(因此路由可以发出重定向)时，这是有意义的，但是当您有错误并且必须在某个地方重定向或在用户操作后重定向(这不是简单的链接单击)时，这是非常奇怪的。
除了链接类似的路由之外，重定向也是一个反应性动作，那么为什么没有API方法来重定向，只有一个组件呢？
浏览 0提问于2018-08-02得票数 0
回答已采纳
1回答
很长一段时间以来，我一直试图找出处理服务器端呈现的react应用程序重定向的最佳方法，使用react路由器v4和redux。
我的应用程序从API中获取数据--有时API的响应方式使我需要自动地将用户重定向到另一个URL。
浏览 2提问于2018-05-14得票数 0
回答已采纳
我正在使用react.js的React路由器AddOn，我有以下4个链接
<li><Link to="/configurations?configName=Project Status">Project Status</Link></li>
<li><Link to="/configurations?configName=Invoice Status">Invoice Status</Link></li>
<li><Link to="/
浏览 1提问于2016-06-10得票数 1
以下内容不起作用: React路由器"Link“不工作。
假设我们处于起点：“localhost:3000/api/page”。
当我单击下拉项目时，链接是：“localhost:3000/api/page/api/page/abc”。
它应该是："localhost:3000/api/pages/abc".
我在控制台中没有显示错误，但是它没有达到所需的行为。它没有重定向到正确的页面。
**当我通过输入URL进入正确的页面时，它是空的。
但是，在测试页面时，当我没有使用任何Reactive路由器路由时，页面运行良好，所以我认为问题在于路由**。
import { L
浏览 2提问于2021-06-07得票数 0
回答已采纳
我有一个react路由器，设置如下：
const routes = (
<Router>
<Route path={"audio" + "/:audio_url"} component={AudioView} />
<Route path="*" component={ErrorView} />
</Router>
)
我在这里传递我的音频url，如下：
'play/3456'
当我传递像'audio/play/3456'这样的访问url时
浏览 19提问于2017-01-19得票数 0
我是React+Redux+Router的新手，我绞尽脑汁想如何在成功登录后将用户转发到PrivateRoute请求。
react认知触发COGNITO_LOGIN操作，并在成功登录时在商店中设置cognito.state = "LOGGED_IN"。我知道react路由器将请求的路由存储在location.state.from.pathname中，我知道要重定向BrowserRouter，我可以使用history.replace()。
我只是不知道我的代码到哪里去了，这样它就会在react onSubmit登录函数异步完成之后执行，因为这个包没有提供回调。
在我的登录表单组件
浏览 2提问于2018-01-15得票数 0
回答已采纳
如何从我的React应用程序中的一个页面启动Facebook进程？
我已经发现了相当多的帖子涉及到了我在这篇文章标题中列出的大部分，但不是全部。我离完成任务很近了，但我肯定错过了什么。
我的应用程序包括一个创建-反应-应用程序前端使用反应路由器的路由。在我的开发环境中，它在端口51000上运行。在package.json中，我使用“代理”将其他路由重定向到运行在端口51001上的快递服务器。这通常适用于在我的React组件中发出访问服务器的请求。例如：
axios.get('/api/some-stuff')
在我的React组件中调用时，这将成功地击中我的Express服务器
浏览 16提问于2017-06-29得票数 23
我是新的反应路由器，并了解到有这么多的方式重定向一个页面：
使用browserHistory.push("/path")
从“react路由器”导入{ browserHistory }；//做一些事情.browserHistory.push("/path")；
使用this.context.router.push("/path")
类Foo扩展React.Component {构造函数(道具、上下文){超级(道具、上下文)；//做一些事情.}重定向(){ this.context.router.push("/path")
浏览 4提问于2017-07-13得票数 166
回答已采纳
我在react中有一个使用react路由器的项目。当承诺像这样解决时，我想重定向到另一个页面：
handleSubmit (event) {
event.preventDefault();
login(this.state.email, this.state.password).then(response => {
return <Link to="/new_page"/>
}).catch(err => {
return "nothing";
});
}
理论上，当
浏览 5提问于2020-02-06得票数 0
1回答
如何在新的react路由器版本6中使用url螺旋桨(和其他道具)并将其传递给元素的组件，就像在呈现方法中所做的那样？
react路由器: V6
<Route path="/dashboard" element={<Dashboard/>}/>
react路由器: V5
<Route exact path="/ds/:id" render={(url) => <Header url={url}/> }/>
浏览 1提问于2022-02-04得票数 0
1回答
我正在尝试获取一个单独的url到弹出模块，我正在使用一个按钮来重定向：
trigger={ <Link href="/exercisesadd">
<Button style={style} waves='light' > Add new</Button></Link>
}>
但是我收到了404错误，尽管我在react路由器中有这个路由：
export default () => {
return <Route path="/"c
浏览 2提问于2017-03-28得票数 0
回答已采纳
2回答
我有一个反应应用的反应-路由器的导航。我试图创建一个表单来更新一些数据。提交数据后，通过ajax请求将数据发送到服务器，如果ajex响应为"Ok“，则用户必须被重定向到另一个页面(在我的示例中，url在react路由器是/carwash)，而有关后续完整更新的信息必须显示在远程页面中。
我试着用三种不同的方法来做这件事：
1) this.props.history.push('/carwash')结果为例外：Uncaught TypeError: Cannot read property 'push' of undefined
2) browserHis
浏览 4提问于2016-10-10得票数 0
回答已采纳
我在node中有一个简单的express服务器：
const express = require('express')
const path = require('path')
const application = express()
const port = process.env.PORT || 80
const PUBLIC_DIR = 'public'
application.use(express.static(path.join(__dirname, PUBLIC_DIR)))
application.listen(port)
浏览 3提问于2018-02-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
