问题标签 [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 回答
5108 浏览

c# - 当部分 url 已经是另一个路由时,ASP.NET Core 3.1 中的动态路由

我正在尝试使用DynamicRouteValueTransformerwithIEndpointRouteBuilder.MapDynamicControllerRoute来动态映射新路线。这适用于在应用程序运行时添加的页面。

我正在做:

捕获所有尚未分配路由的 url,以便RouteValueTransformer在必要时尝试找到一个。通过在方法中放置一个断点RouteValueTransformer.TransformAsync,我可以看到它何时运行。如果您只是输入任何废话 url,它将按预期进入方法。对于没有分配路由的 url,但 url 的早期部分有不会进入方法,因为它似乎认为它已经有一个路由,但是它显然给出了 404 错误。

例如,如果在上面的行之后我做

然后尝试浏览到“category/product2”,我认为它应该进入TransformAsync尝试查找路线的方法,但它没有,并且它给出了404。如果将“category”更改为其他内容,它输入方法。

我不确定这是否是预期的行为、错误,或者我是否使用了错误的“模式”参数,或者可能是 {**slug} 错误?

重现

很容易复制。创建一个新的 ASP.NET Core 3.1 Web 应用程序。添加

到最后Startup.Configure

Startup.ConfigureServices, 和

并设置断点return values;以查看它何时运行。

我还尝试了什么

endpoints.MapDynamicControllerRoute<RouteValueTransformer>("{one}/{two}");- 也不输入方法。

浏览文档。DynamicRouteValueTransformer 不幸的是, (还)没有太多,所以我发现这很困难。

更新

我开始认为这可能是一个错误,所以我提出了这个 Github 问题

0 投票
0 回答
248 浏览

next.js - 使用动态路由时如何添加可选路径参数?

基本上,我需要为项目添加本地化,​​同时保留默认语言的基本路径(在本例中为英语)。

这意味着您只能在 url 中使用用于网站翻译的语言,例如:

现在,这可以使用自定义服务器或通过在路径中添加“/en”来实现。有'/en'是我们的SEO团队提到的一个问题,所以我们的目标是避免它。这给我们留下了一个自定义服务器,它将删除 Next.js 提供的自动静态优化,我希望保留它。

有没有办法在达到这个目标的同时保持优化?

谢谢!

0 投票
1 回答
39 浏览

c# - 如何从asp.net webforms中的数据库动态加载路由

我想在每个请求上加载路由,我试图把这段代码RegisterBundles(RouteTable.Bundles)放到Application_Beginrequest.

似乎这种方法对我有帮助,但现在当我刷新页面时,我在浏览器上遇到错误。

  • WebResource.axd (net::ERR_ABORTED 500)
  • ScriptResource.axd (net::ERR_ABORTED 500)
  • /bundles/all?v=klnl4k(拒绝从“..”应用样式,因为它的 MIME 类型('text/html')不是支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。)

如何从数据库动态加载路由而不会出错?

0 投票
0 回答
144 浏览

asp.net-core - 执行动态路由时如何在 ASP.NET Core 3.1 中使用 DataTokens?

我正在使用DynamicRouteValueTransformerASP.NET Core 3.1 中内置的类来执行动态控制器路由,如下面的代码所示。

此代码按预期工作,但我想知道您将如何设置数据令牌?

0 投票
1 回答
70 浏览

vue.js - 当我单击列出所有项目的 vue 时如何显示项目 vue?

我是 vueJS/Nuxt 的新手,我使用 wordpress 作为无头 CMS 构建了一个博客。Wordpress 从 rest api 公开数据,在 vuejs 中我使用这些数据并将它们显示在页面上。我有这个项目结构: 在此处输入图像描述

当我从portraits/index.vue 移动到portraits/_slug.vue 时,我遇到了一个问题。- Portraits/index.vue 显示我所有的自定义帖子类型肖像。这是代码:

当我单击 readmore 时,出现以下错误:

在此处输入图像描述

而且这个方法不是调用

我的头像没有初始化!请问我缺少什么?谢谢

0 投票
1 回答
1831 浏览

vue.js - nuxt如何生成动态路由

正如 nuxt 的文档所说:

generate 命令 (yarn generate) 会忽略动态路由。Nuxt 不知道这些路由将是什么,因此它无法生成它们。

他们有一个为动态路由创建静态 html 文件的解决方案:

我的问题是:假设我们在生成 nuxt 时有 50 个用户,并且 nuxt 为每个用户创建 50 个静态 html。但用户数不是恒定的。例如一小时后,我们有 55 个用户。那么,nuxt 是如何处理的呢?或者说清楚:它是否由 nuxt 处理?

0 投票
1 回答
2256 浏览

javascript - NextJS 动态路由,重新渲染特定子组件

我有 index.js 页面,位于

页面/帖子/index.js

我可以使用链接呈现此页面:

这是我的 index.js 页面:

现在,通过 NextJs 的动态路由,我想使用查询参数并调用 api 来获取 propsValue

<ChildComponent2 props={propsValue}>

我使用动态路由,这个链接:

我可以使用从 API 获得的值 propsValue重新渲染ChildComponent2吗?

注意:我没有物理文件作为/pages/posts/${dynamic-pageId},我想使用那个/pages/posts/index.js,因为我也必须在这个hirerachy中渲染:

NextJs 有可能吗?

0 投票
1 回答
568 浏览

angular9 - 如何从 Angular7 中可用的 Angular9 中的 ComponentFactoryResolver 访问 _factories 属性?

我使用ComponentFactoryResolver访问所有入口组件工厂,然后在 Angular 7 中动态添加这些组件的路由。

我将我的项目更新到 Angular 9,现在_factories在 ComponentFactoryResolver 中不可用。

var factory = this.componentFactoryResolver['_factories']

它在 Angular 9 中返回 undefined。如果有人可以建议一些方法来随时随地访问所有条目组件列表,那将是非常有帮助的。问题是我没有任何关于入口组件的信息,我可以通过编译器重新编译组件并添加它们的路由。

0 投票
3 回答
1999 浏览

reactjs - 在 reactjs 中创建动态路由和渲染组件

我是 ReactJs 的新手。我需要像 localhost:3000/directory/category/region/brandName 这样的路由,对于相同的路由,我需要渲染一个组件

URL 示例如下

  1. 本地主机:3000/目录/摄影/法国/testA
  2. 本地主机:3000/目录/餐饮/德国/testB

对于上述两个 URL,应该呈现一个名为name.js的组件

0 投票
3 回答
3624 浏览

reactjs - Nextjs assets 404 Not Found 在 ssr 中使用动态路由时

我有一个带有旧版本的静态文件夹nextjs。我更新了我nextjs的使用public文件夹。

这是我的nextjs配置:

当我刷新页面时,我的所有样式都是这样的:

在此处输入图像描述

我有一个名为[cat]的动态页面,所以所有路径都像:

http://localhost:3030/cat/static/css/antd.min.css

你知道我该如何解决这个问题吗?

当我使用 Link 进行路由时,一切正常,但是当我刷新页面时,由于动态路由,找不到资产!

这是目录:

在此处输入图像描述