问题标签 [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 投票
0 回答
21 浏览

mod-rewrite - 代理 mod_rewrite Apache 中的请求时,静态文件也不提供服务

我有一个基于 url 提供数据的网站。例子:

我想要的是让客户在他们的自定义域上提供他们的数据。例子

即当我们访问user1.com时,它会在后台代理请求example.com/user1。为此,我使用具有以下规则的 apache2 mod_rewrite:

问题是,example.com 上的网站是一个反应构建网站,所以当我将请求代理到 example.com 时,静态文件给了我 404 错误。如何添加重写规则以在 example.com 上提供静态文件?或者有什么方法可以做到这一点?参考问题:一个动态站点的多个域

0 投票
0 回答
68 浏览

javascript - 如何在共享您的网站特定页面时获得预览(反应)

我托管了一个网站。当我分享网站的链接时,我得到了它的预览。但是,当我共享网站的特定页面时,例如https://example.ai/pagename,我没有得到它的预览。我正在使用 react-router-dom browserRouter。 这就是我所说的 有什么解决方案吗?

0 投票
1 回答
685 浏览

javascript - 如何在不知道 NextJS 上的静态路径的情况下生成动态页面?

我想将我的用户引导到一个页面,在那里他们可以根据他们的公民身份号码获得折扣。我将使用他们的身份证号码来确定他们获得的折扣金额。我可以使用他们的 id 来确定位置、年龄、性别等。

他们可以路由到mywebsite.com/megadiscount并在一个框中填写他们的 ID 号码,然后找出他们可以获得多少折扣。但现在的问题是,我还希望他们能够获得指向mywebsite.com/megadiscount/[id number]的链接,以了解他们可以获得多少折扣。

因此,使用 NextJS,我知道我可以创建megadiscount/index.jsmegadiscount/[id].js从 url 中捕获 id。

问题是megadiscount/[id].js我必须指定getStaticPaths我将生成的 id 页面,但问题是我不知道这些 id 将是什么。

我的megadiscount/[id].js文件看起来像这样

0 投票
0 回答
370 浏览

next.js - 在 NextJS 配置文件中使用正则表达式重定向到动态路由

我的问题是我正在建立一个新站点,而在我的旧站点中,有一些页面带有子路由/feed。

例如:www.mypage.com/blogs/blog-1/feed

所以,我想做的是从/blogs/blog-1/feed重定向到/blogs/blog-1,但现在它向我显示 404 错误。

这些博客页面是动态的,它们位于 [slug].tsx 文件中,所以我尝试制作 [...slug].tsx 文件,但因为我使用的是 getStaticPaths 和 getStaticProps 方法,所以它没有'不起作用(或者我不知道如何正确地做到这一点)。

所以,我的另一个选择,也是我认为最合适的选择,是在 next.config.js 上添加某种重定向正则表达式:

我是对的,还是有更好的方法来做到这一点?因为显然我输入的代码不起作用,所以我没有告诉配置文件如何从 :slug 中删除那个 '/feed' 片段。

提前致谢 :)

0 投票
2 回答
307 浏览

routes - 如何在动态 nuxt.js 路由中的另一个 _slug 目录中使用 _slug?

我的文件夹结构

在此处输入图像描述

在我的控制台上显示这个 wanning。

0 投票
0 回答
63 浏览

next.js - 带标签的下一个js动态路由

https://nextjs.org/docs/routing/dynamic-routes

如果我们使用<a>标签代替<Link>上述 URL 的标签,则页面的 javascript 不会被加载到实时页面中。如果我们使用链接标签页面不会被谷歌抓取。任何人都可以为此提出解决方案吗?

0 投票
1 回答
247 浏览

next.js - Next js中具有多个参数的动态路由-文件结构

我想在 nextjs 中创建动态页面以匹配以下路线users/[user]/[dashboard]。我的文件结构

我只收到[user]查询参数中的 ,而不是 [dashboard].js 中的 [dashboard] 。有人可以解释如何安排文件结构以匹配users/[user]/[dashboard]

0 投票
1 回答
1284 浏览

graphql - 在苗条和动态路由中无需刷新的页面加载

使用graphql和动态路由加载页面而不刷新的最佳方法是什么。我有一个名为的文件kindergarten可以完美加载而无需刷新整个页面:

而且我还有另一个页面叫做[slug].svelte

当我单击kindergarten页面上的链接时,它会转到子页面但会刷新整个站点。
如何优化[slug].svelte文件以防止刷新页面?
由于我是 Svelte 和 Sveltekit 的新手,因此对优化整个代码的任何想法表示赞赏。

0 投票
1 回答
196 浏览

javascript - 在 Nuxtjs 动态页面的 css 和 js 没有在页面重新加载时加载

当我第一次在 Nuxtjs 中打开动态页面时,它工作正常,但是当我手动重新加载此页面时,所有 css 和 js 文件都停止工作并且分页符。当我从其页面源在浏览器中打开这些样式和 js 文件时,它显示“ /* style not found */ ”任何人都可以指导我为什么会发生这种情况以及它的解决方案是什么。我的应用程序的通用模式。

这是我的 nuxt.config.js 文件......脚本标签中的这些文件位于 static/assets 文件夹中:

在此处输入图像描述

这是我的问题:

在此处输入图像描述

发生这种情况是因为 pages/project/id page 的路径是静态文件夹文件的一个目录,但 pages/ViewProject 文件的直接路径....我只是不知道如何使所有嵌套的路径相同以及直接页面。有人可以指导我吗?

0 投票
1 回答
27 浏览

next.js - NextJs torible 从 router.query 获取大字符串

我有这样的链接!

`http://localhost:3000/admin/useractivation/mssh@gmail.com/%ecF%0d%e8%7c%8e%f9%2cD%f2%8ea%3b%07D%b2%7b%05%e6S% 18cm_K%83%98%1f%b9%1c%ad%89N4%d3%e0%d9%1c%ba%8f%0aE%27%c2*-M%d6%05%cf%06%e4%d5%d8 %07%3d%e6%08k4%be%fb%c5!

我正在尝试获取值

mssh@gmail.com

%ecF%0d%e8%7c%8e%f9%2cD%f2%8ea%3b%07D%b2%7b%05%e6S%18cm_K%83%98%1f%b9%1c%ad%89N4%d3%e0 %d9%1c%ba%8f%0aE%27%c2*-M%d6%05%cf%06%e4%d5%d8%07%3d%e6%08k4%be%fb%c5!

稍后将其用于身份验证过程(例如更改密码)。我的代码看起来像这样

如果我使用这样的链接

`http://localhost:3000/admin/useractivation/mssh@gmail.com/eeeee 我可以从 router.query 获取数组

[mssh@gmail.com,eeeee]

我怎样才能得到这样的字符串(resetCodeHash)

%ecF%0d%e8%7c%8e%f9%2cD%f2%8ea%3b%07D%b2%7b%05%e6S%18cm_K%83%98%1f%b9%1c%ad%89N4%d3%e0 %d9%1c%ba%8f%0aE%27%c2*-M%d6%05%cf%06%e4%d5%d8%07%3d%e6%08k4%be%fb%c5!

先感谢您