Sveltekit - 从 lib 访问会话

Question

我正在使用 Sveltekit 和 Typescript。在$lib文件夹中，我有一个api.ts文件。

登录后，我正在写入 JWT 令牌session并想在文件中使用它api.ts。但我收到错误。

我正在关注这个例子： sveltejs / realworld

// login.svelte

import { session } from "$app/stores";

// After login...

$session.accessToken = response.accessToken;

// api.ts

import { session } from "$app/stores";

// Before sending request...

if ($session.accessToken) {
    // Add Bearer token to header...
}

错误：Cannot find name '$session'. Did you mean 'session'?ts(2552)

为什么这个$session东西在文件中有效.svelte，但在.ts文件中却不起作用？

我怎样才能从accessToken访问？session.ts

谢谢。

---

编辑

api.ts代码：

import { get as getStore } from "svelte/store";
import { session } from "$app/stores";

const base = "https://localhost:44300";

async function send(method: string, path: string, data?: unknown) {
  const opts = {
    method,
    headers: {},
    body: ""
  };

  if (data) {
    opts.headers["Content-Type"] = "application/json";
    opts.body = JSON.stringify(data);
  }

  const { accessToken } = getStore(session);

  if (accessToken) {
    opts.headers["Authorization"] = `Bearer ${accessToken}`;
  }

  return fetch(`${base}${path}`, opts)
    .then((r) => r.text())
    .then((json) => {
      try {
        return JSON.parse(json);
      } catch (err) {
        return json;
      }
    });
}

export function get<T>(path: string): Promise<T> {
  return send("GET", path);
}

export function post<T>(path: string, data: unknown): Promise<T> {
  return send("POST", path, data);
}

export function put<T>(path: string, data: unknown): Promise<T> {
  return send("PUT", path, data);
}

export function del<T>(path: string, data: unknown): Promise<T> {
  return send("DELETE", path, data);
}

Answer 1

$session是一种特定于 Svelte 的语法，用于响应式访问存储值。对于打字稿文件中的一次性值访问，请使用以下get函数：

import { get } from 'svelte/store';
import { session } from "$app/stores";

const { accessToken } = get(session);

如果您需要反应式解决方案，请session.subscribe改用。