session - 重新加载当前页面以填充 session

Question

我遇到登录后 session 未填充的问题，但如果我手动刷新页面，它就会出现。因此，作为一种解决方法，我尝试在登录成功后重新加载我的登录页面，以便 session 将填充数据。

如何使用 goto？我厌倦了 goto('/') 但它打开了索引页面。我正在寻找动态的东西，而不是使用页面名称。

有没有人知道如何在不重新加载页面的情况下填充 session ？ session 在 server.js coed 中填入 'sapper.middleware'。

Answer 1

因为 session 是一个存储区，所以您可以在浏览器中写入它，只要您小心地将它与服务器端填充的内容相匹配。这是一个有用的模式:

<script>
  import { stores } from '@sapper/app';

  const { session } = stores();

  async function login() {
    const res = await fetch('auth/login', {
      credentials: 'include',
      method: 'post',
      body: JSON.stringify(whatever)
    });

    if (res.ok) {
      session.update(store => ({
        ...store,
        user: await res.json()
      });
    } else {
      // handle the error
    }
  }
</script>

{#if $session.user}
  <h1>Welcome back {$session.user.name}!</h1>
{:else}
  <button on:click={login}>log in</button>
{/if}

如果您确实需要强制重新加载，location.reload() 可以解决问题。