问题标签 [dynamic-routing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
315 浏览

reactjs - 在路由器参数更改时调用 componentWillReceiveProps 中的 API 是否正确?

我有一组组件,其中每个组件都有服务器提供的不同数据。因此,当用户点击组件 4 时,应该有一个 API 调用并获取有关点击链接的信息。 在此处输入图像描述

对于子组件的初始更新,我正在调用一个动作,componentWillMount因为路由参数是我检测用户单击哪个链接的唯一来源。我根据更改调用componentWillReceivePropsAPI page_idurl。但是在reactjs的官方文档中,提到它是ComponentDidMount进行异步调用的正确位置。

我已经浏览了很多关于这个的博客和教程。不幸的是,我找不到最好的解决方案。请指导我。这是我的父组件

0 投票
2 回答
10002 浏览

reactjs - React 中动态与静态路由的优势

我正在阅读React Router 中的静态与动态路由,我正在努力确定后者的优势(以及为什么 v4 选择使用它)。我可以看到列出应用程序的所有路由(静态)以及每个路由映射到的组件的优势,允许您跟踪给定特定 URL 将呈现的内容。但我没有看到动态路线有任何明显的优势。

如果有的话,我只能看到缺点,因为没有明确的方法来查看 URL 将映射到什么状态,而不是从根应用程序元素开始并通过路由(尽管我可能弄错了)。

动态路由解决什么情况?为什么它比静态路由更可取(可能特别是在 React 应用程序中)?

0 投票
1 回答
9734 浏览

vue.js - 在 Vuejs 中动态添加子路由

根据这个官方示例,我们可以在 vuejs 中添加嵌套/子路由。但是我找不到任何关于动态添加这些子路由的方法的帮助/文档。例如,仅在访问父路由时添加子路由。

目前,Vue 应用程序中的所有路由都定义在我们创建 Router 实例的单个位置。有一个名为addRoutes的 api ,但我不知道如何使用它在其路由旁边添加延迟加载的应用程序功能。如果有人熟悉 Angular2+ 模块系统,那么它就有能力为该模块内的功能模块定义路由,甚至使它们延迟加载。想知道 VueJs 是否可以实现某些目标?

0 投票
2 回答
3280 浏览

node.js - 在 NodeJs/ExpressJs 运行时注册新路由

我想扩展这个开放主题:Add Routes at Runtime (ExpressJs),遗憾的是它对我的帮助不够。

我正在开发一个允许创建在 NodeJs 上运行的不同 API 的应用程序。用户界面如下所示:

具有两个端点的新规则(GET、POST)

如您所见,这段代码包含两个端点(GET、POST),一旦我按下“保存”,它就会创建一个 .js 文件,该文件位于 Nodejs 应用程序正在寻找其端点的路径中(例如:myProject \dynamicRoutes\rule_test.js)。

我遇到的问题是 Nodejs 服务器在我开发代码时正在运行,除非我再次重新启动服务器(并且 ExpressJs 检测到文件),否则我无法调用这些新端点。

有没有办法在 NodeJs (ExpressJs) 运行时注册新路由?

我试图做以下事情但没有运气:

应用程序.js

如果服务器重新启动,这将起作用。我试图包含这个库(express-dynamic-router,但在运行时不起作用。)

最后,我阅读了这篇文章(#NodeJS / #ExpressJS:在运行时动态添加路由),但我不知道这对我有什么帮助。

我相信这可能以某种方式成为可能,但我感到有点失落。任何人都知道我怎样才能做到这一点?每次创建文件后,我都会收到 CANNOT GET 错误。

0 投票
1 回答
123 浏览

image - 带有相对图像路径的 Ember 动态路由

在动态路由上使用相对图像路径,在图像之前添加路由,请参见此处

为什么是这样?有没有办法使用动态路径来使用相对图像路径?这在任何地方都有记录吗?

0 投票
1 回答
80 浏览

reactjs - 如何当它在其中遇到 React 组件时工作?

基本上我正在理解别人的代码并进行修改。在 App.js 中检查用户是否登录,他必须呈现仪表板

应用程序.js

基本上<EnsureSignedIn> 检查用户是否已登录,它会呈现所有孩子。

我的问题是:没有路径的渲染如何。<Switch><EnsureSignedIn> 如果我继续在里面写 React 组件,到底会发生什么(组件的渲染流程是什么)<Switch>

说这样的话

确保登录:

我们使用了 redux,所以 user 是 reducer 的 props。

0 投票
0 回答
228 浏览

angular - Angular 5 - 从服务返回的数据的动态路由

我正在使用 Angular 5 CLI 并有一项服务,它从文档数据库中检索 HTML 标记数据并使用 [innerHTML] 绑定将其呈现在页面上,效果很好。但是,我想使用 routerLink 绑定将页面上的链接与路由相关联,但问题是在生命周期事件触发后加载了 innerHTML,但我对 Angular 太陌生,不知道是什么我说的是正确的。我在想我的 HTML 数据中的锚标记可以指向一个相对 url,例如 ../myotherview 并让 Angular 路由器动态地理解路径。

我是否应该考虑在将 innerHTML 附加到 DOM 之后运行一些逻辑,搜索所有标签并将它们转换为 routerLink 属性?

感谢您提供的任何和所有帮助,因为我对如何从 CMS 返回的 HTML 数据进行动态路由分配有点迷茫。

0 投票
2 回答
1873 浏览

angular - Angular Dynamic ROuting and Lazy loading

I am trying to create my Angular routes dynamically from Database. I somehow achieved it.

I followed AppIntializer for same.

App.module.ts ....

menu.json

Now the problem is Lazy loaded modules are not even compiling and so getting an error "Cannot find module "./src/app/app-specific/employee/employee.module"

Any help appreciated.

0 投票
1 回答
1064 浏览

javascript - Javascript 中的动态路由 - Node.js

所以在php中你可以做动态路由

当您获得像 www.domain/route/other-page 这样的 url 时,通过一些正则表达式操作,您会从路由中以字符串 'route' 和 'other-page' 的形式将其转换为 'Route' 和 'ohterPage' 并填充它们进入 $controller 和 $action 变量,你只需调用 '$controller->$action();' 它会调用 Route->otherPage() 来提供请求的模板

这是一个很好的解决方案,因为当你有 40 种不同的动作,比如提供模板和各种 get 和 post 请求时,你可以只添加 5 条路由来处理它,但为此你需要像上面那样动态引用对象和方法。 ...有没有办法在javascript中实现这一点?

谢谢

0 投票
1 回答
526 浏览

reactjs - 静态和动态路径之间的反应路由

这是我的代码,但它总是跳过“/products/:qfpp”并路由到“/:makeName/:modelName”。我不知道如何解决它,所以,请你帮我解决这个问题。