3

我将 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);
}
4

1 回答 1

3

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

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

const { accessToken } = get(session);

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

于 2021-05-21T22:44:57.840 回答