如何在 sveltekit 中获取查询字符串参数？

Question

我正在尝试/login?ref=/some/path登录后重定向到的参数：

const ref = $page.url.searchParams.get('ref') || '/dashboard';

但是我收到这个错误：

TypeError: Cannot read properties of undefined (reading 'searchParams')

Answer 1

上述解决方案将不起作用。这是新方法：

export async function load({ params, url }) {
    let lang = url.searchParams.get('lang');
    let q = url.searchParams.get('q');
    return { lang, q };
}

然后，请按如下方式到达：

import { page } from '$app/stores';
$page.data.q

感谢理查德，这比export var lang在每一页中确认要好得多

Answer 2

您可以从传递给页面函数的url对象的属性中获取查询字符串参数：load

<script context="module">
  export function load({ url }) {
    const ref = url.searchParams.get('ref') || '/dashboard';
    return {
      props: {
        ref
      }
    };
  }
</script>
<script>
  export let ref;

  // do stuff
</script>

有关该load函数、其输入格式及其反应性的更多信息，请参见此处（SvelteKit 文档）。

Answer 3

您可以使用以下示例：

import { page } from '$app/stores'

$page.url.searchParams.get('ref')