Sapper中如何正确获取路由参数？
我在Sapper里写了个动态路由 [slug].svelte，但用 page.params.slug 拿不到值，页面直接报 undefined。是不是 SSR 环境下不能这么取？
我试过在 onMount 里读，也试过直接在 script 标签顶层读，都不行。控制台也没报错，就是拿不到参数。路由文件路径是 src/routes/blog/[slug].svelte，访问 /blog/hello 应该能拿到 slug 为 “hello” 才对啊。
export async function preload(page) {
console.log('params:', page.params); // 这里打印出来是 {}
return { slug: page.params.slug };
}- 2
回答
28浏览
Sapper中动态路由页面为什么在客户端首次加载时显示空白？
折腾了一下午也没解决，我在Sapper的动态路由里写了一个博客详情页，服务器端渲染正常，但直接访问客户端时页面内容全白。 代码是这样的： <!-- routes/_posts/[slug].sv...
- 1
回答
7浏览
Nuxt中间件里怎么获取路由参数？
我在写一个Nuxt 3的项目，想在middleware里根据路由参数做权限判断，但发现ctx.route.params是空的。我试过用defineNuxtRouteMiddleware，也打印了rou...
- 1
回答
42浏览
Taro路由跳转后页面无法获取到传递的参数？
大家好，我在用Taro做页面跳转时遇到了问题。点击按钮跳转到详情页后，页面无法获取到传递的id参数，控制台报undefined。 这是跳转代码： // 页面A按钮点击事件 handleClick() ...
- 1
回答
13浏览
TypeScript 中如何正确声明一个可选的函数参数？
我在写一个工具函数，想让某个参数是可选的，但 TS 一直报错说类型不匹配。我试过用 param?: string，但调用时传 undefined 还是提示错误，是不是哪里写错了？ 比如下面这个函数： ...
- 1
回答
8浏览
Solid Start 中如何正确使用服务器端获取的数据？
我在 Solid Start 里用 routeData 获取数据，但在组件里直接解构就报错了，说不是函数。明明文档里是这么写的啊？ 我试过把 routeData 放在 createRouteData ...
- 1
回答
24浏览
动态路由参数怎么取不到？明明路径是对的啊
我用 Vue Router 做了个动态路由，比如 /user/:id，想在组件里拿到 id 参数。但 this.$route.params.id 一直是 undefined，控制台也报错说 Canno...
- 1
回答
41浏览
Vue Router 中如何正确使用路由元信息 meta？
我在 Vue 项目里用 Vue Router 配置路由时，想通过 meta 字段传递一些权限信息，但发现组件里拿不到。比如我这样写： { path: '/admin', component: Admi...
- 1
回答
33浏览
为什么Astro的动态路由参数在客户端导航后丢失了？
我用Astro的动态路由写了个文章详情页，访问/posts/[slug]时参数正常，但通过Astro.navigate()跳转到其他文章后，参数突然变成undefined了。折腾了一下午，检查了rou...
- 2
回答
20浏览
tiptap编辑器保存时如何正确获取HTML内容？
我用tiptap搭建了一个富文本编辑器，想在表单提交时获取编辑器内容。按照文档用了editor.getHTML()，但控制台提示editor is not a function。 初始化代码是这样的：...
- 2
回答
64浏览
Vue Router动态修改路由参数后页面没变化怎么办？
在做搜索筛选功能时，点击按钮动态修改路由参数，但页面没重新加载。用router.push({ params: { categoryId: id }})后地址栏变了，但数据没更新。 试过用watch监听...
page.params打印出空对象，大概率不是 SSR 的问题，而是路由文件本身没有被正确识别。先说正确的写法。Sapper 的动态路由参数需要在
preload函数里取，然后通过 props 传给组件实例：回到你的问题，
page.params是空对象，我建议排查这几个地方：第一，确认文件名。方括号必须是英文半角的
[slug].svelte，别手滑打成了中文方括号或者全角字符，这个坑我至少踩过两次。第二，重启开发服务器。Sapper 的路由是编译时生成的，新增动态路由文件后有时候热更新不生效，必须重启。执行
rm -rf __sapper__ && npm run dev清一下缓存重新跑。第三，检查目录结构。正确路径应该是
src/routes/blog/[slug].svelte，别写成了src/routes/blog/[slug]/index.svelte，这两种写法虽然都能匹配/blog/hello，但参数位置不一样。推荐的做法是在
preload里把参数处理好再返回，组件层只管用export let接收，这样 SSR 和客户端都能正常工作。如果还有问题，把完整的文件内容贴出来看看。