有关将URL映射到控制器和操作的问题。
React 路由器 dom 导航在 useRoutes 中不起作用
导出默认函数 Router() { const [存储,调度] = useStore(); const handleAppRedirect = () => { if (store.token === null) { 返回 export default function Router() { const [store, dispatch] = useStore(); const handleAppRedirect = () => { if (store.token === null) { return <Navigate to="/login" />; } else if (isTokenExpired()) { (async () => { await dispatch({ type: "LOGOUT" }); })(); return <Navigate to="/login" />; } else { return <MainLayout />; } }; return useRoutes([ { path: "/", element: handleAppRedirect(), children: [ // Redirect from "/" to "/cars/list" { path: "/", element: <Navigate to="/cars/list" replace /> }, { path: "/cars/list", element: <Home /> }, ] }, { path: "/login", element: store.token === null ? <Auth type="login" /> : <Navigate to="/" replace />, }, { path: "*", element: <NotFound /> }, { path: "/oops", element: <WentWrong /> }, ]); } 当路径为“/”时,只显示我的MainLayout。如果我手动提供“/cars/list”,页面将使用 MainLayout 正确呈现。 MainLayout组件组织应用程序的主要内容(Outlet) <MainStyle> <PageLayout config = {pagesConfig}> <Outlet /> </PageLayout> </MainStyle> 当导航到“/”时,我希望它导航到“/cars/list”,但它只显示主要布局,内部没有任何出口。 天哪,他们有没有改变过 React Router。我有 5 个关于 v.4 的项目。不期待那些迁移。 无论如何,在我看来,你正在将 <Navigate to="/cars/list" replace /> 映射到“//”(这甚至是一个有效的 URL 路径吗?)。您依赖于 handleAppRedirect,因此将重定向组件作为 element 字段传递并不是真正的选择。您可以尝试使用空路径。我不知道它是否会起作用,React Router 可能会因为你传递了一条空路径而对你大喊大叫。或者,您最终可能需要在 <Home /> 组件中处理重定向。
Laravel 我的排序过滤器不起作用,但我没有错误或没有消息
//我的路线 路线::get('catalogue/{categorie?}','App\Http\Controllers\CatalogueController@index')->name('catalogue'); //我的函数 函数索引($categorie = null ) { 如果($类别...
//我的路线 路线::get('catalogue/{categorie?}','App\Http\Controllers\CatalogueController@index')->name('catalogue'); //我的控制器 命名空间 App\Http\Controllers; 使用 Illuminate\Http\Request;...
我在 Symfony 应用程序中使用 API Platform,在搜索不存在的资源时遇到自动 Get() 路由问题。目前,API Platform 返回默认值...
在我的路由中创建动态路径 - Angular / PrimeNg 版本
我需要在路由中动态创建多个路径,因为这些值将通过端点添加到侧边栏。 通过为侧边栏创建一个新项目,用户将指定...
几天来我在访问为中间件定义的路由方面遇到了问题。所有这一切的具体问题是,例如,当我想输入我的实体的 URL 时...
在 Flutter Navigator 2.0 中,如何“返回”导航,同时保持浏览器历史记录同步?
我已经在我的 Flutter Web 应用程序中实现了 Navigator 2.0 导航。 假设我浏览该应用程序(这是一个用于管理宠物的简单 CRUD 应用程序),这样我就有一个页面和浏览器列表
部署到 github 页面的 React 应用程序在确定根目录时不包含存储库名称
使用 Vite 创建了一个在本地运行良好的 React 应用程序。但是当我将它部署到github页面时,它在路由时不包含存储库名称。 这是我的小应用程序的网址: https://tehcatsmiaw。
在 Ionic 4 中从一个选项卡移动到另一个选项卡时如何清除嵌套子路由
我正在使用 Ionic 4 应用程序,并且我有特定选项卡的子路由。 我正在尝试当用户从 tab1 的子路由移动到 tab2 时以及当用户来到...
在ReactJS中是否可以使用HeadlessUI在通过Route加载的组件之间进行转换?如果是的话怎么办?
如果可能的话,我希望在这里得到一些帮助。我正在 React 中开发一个项目,并使用 TailwindCSS 和 HeadlessUI 进行过渡。是否可以将 HeadlessUI 转换与路由一起使用?我可以...
所以我有一个导航栏,并且我已经进入“游戏”中名为“Cross”的子目录,因此,/games/cross。现在,从该页面,我尝试从导航栏再次访问“游戏”页面,但它显示 /games/games...
如何在React Native中将数据从多个屏幕发送到一个屏幕
我基本上有四个屏幕,我将数据发送给其他人 屏幕。例如我将数据从 Home 发送到 ListScreen 来自 flatlist 的一些项目然后我也发送其他数据
Angular 路由会保留上一个组件的显示状态,并且不会完全加载下一个组件
我有一个组件,它是动态生成的角度表,必须显示在“表”路径中。但首先,应用程序在“auth”页面上启动,这是我的登录页面。如果是正品的话...
通过 Google Maps API 使用路线(方向服务)和使用折线有什么区别?
我在文档中读到,使用折线,我只是在两点之间有一条直线。如果我使用路线(方向服务),我就没有直线,但有一条真实的路线......
CakePHP - 如何在更改语言和重新加载路由表后翻译当前 URL
我为每种语言使用不同的路由表,并且我编写了更改语言并重定向到同一页面但使用目标语言(和目标 URL)的操作。 主要问题是...
这是我的控制器,存在网址问题以前我从模型传递数据,但我面临很多问题。我想要这种类型的网址www.xyz.com/category/subcategory/subsubcategory。 然后我决定...
如何使用相同的 url 但不同的端口解析应用程序上的不同路由?
就我而言,我想创建一个小的整体,但是: 管理面板将通过端口 8443 提供服务 普通应用程序将通过端口 80/443 提供服务 我正在使用 laravel 11 并且路由配置驻留在不同的...
Angular 18 错误地抛出路由错误,尽管之前的路由工作正常
背景: 我正在集成一个包含 Google 身份验证的登录组件。认证成功后,获取用户信息,生成token,并发送给后端
假设我有这个动作: 公共函数index_by_date($年= NULL,$月= NULL,$日= NULL){ if($年&&$月&&$日){ //当天的帖子 } 否则的话...
我有一个问题,laravel 中的新路由不起作用,url 显示了正确的路由,但几乎就像它没有到达我的路由 web 文件一样,每次都返回未找到的页面。 我努力了: 我们...