svelte - 如何判断 SvelteKit 的“加载”功能是否在服务器和客户端上运行？

Question

我正在尝试通过加载函数在 SvelteKit 页面中进行 API 调用，但我不想用本地端点代理这些调用，因为我想让 Web 服务器尽可能轻巧。

我具体要做的是，当从服务器调用时，API 的 URL 应该与从客户端调用时不同（例如“http://localhost:1234”与“https://example. com:1234"，分别）。

但是，比这更普遍的是，有没有办法区分当前代码是在服务器上运行还是在客户端上运行？

Answer 1

在load函数中，可以选择在browser从$app/env.

<script context="module">
    import { browser } from '$app/env'; 
    ...
    export async function load({ fetch }) {
        if (!browser) {
            // code here runs only on the server
        }
        return {
           ...
        }
    }
    ...
<script>

以下来自SvelteKit 的文档：

browser 是 true 还是 false 取决于应用程序是在浏览器中运行还是在服务器上运行