如何在SvelteKit 5开发环境中模拟安全上下文？

方法1：启用HTTPS开发服务（推荐） #

安全Cookie仅在HTTPS或localhost上下文生效，跨设备访问用局域网IP时需通过HTTPS提供安全上下文，可通过配置Vite开发服务器实现：

1. 生成自签名证书
   用OpenSSL生成本地证书（无OpenSSL可安装Git Bash或同类工具）：

openssl req -x509 -newkey rsa:2048 -keyout key.pem -out cert.pem -days 365 -nodes

按提示填写信息即可，无需严格匹配真实域名。

2. 配置Vite的HTTPS与跨设备访问
   在项目根目录的vite.config.ts（或vite.config.js）中添加以下配置：

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import fs from 'fs';

export default defineConfig({
    plugins: [sveltekit()],
    server: {
        https: {
            key: fs.readFileSync('./key.pem'),
            cert: fs.readFileSync('./cert.pem'),
        },
        host: '0.0.0.0', // 允许局域网内所有设备访问
        port: 5173
    }
});

3. 在移动设备上信任证书
   将生成的cert.pem文件传到手机/平板，安装并设置为信任：

• iOS：设置→通用→VPN与设备管理→找到证书并信任
• 安卓：设置→安全→加密与凭据→从存储安装证书

4. 启动开发服务

npm run dev

移动设备通过https://[开发机器局域网IP]:5173访问即可，安全Cookie可正常设置。

方法2：开发环境临时禁用Cookie的Secure属性 #

若不想配置HTTPS，可在lucia/oslo的Cookie配置中根据环境切换Secure属性：

在你的auth配置文件（如src/lib/server/auth.ts）中修改：

import { Lucia } from 'lucia';
import { oslo } from '@lucia-auth/adapter-oslo';

const auth = new Lucia(adapter, {
    sessionCookie: {
        attributes: {
            // 仅生产环境启用Secure
            secure: import.meta.env.PROD,
            sameSite: 'lax'
        }
    }
});

同时配置Vite允许跨设备访问：

export default defineConfig({
    plugins: [sveltekit()],
    server: {
        host: '0.0.0.0',
        port: 5173
    }
});

移动设备通过http://[开发机器局域网IP]:5173访问即可，此方法仅适用于开发环境，生产环境必须启用Secure。

额外注意事项 #

• 确保开发机器与移动设备在同一局域网内
• 开发机器防火墙需允许5173端口的入站连接

内容的提问来源于stack exchange，提问作者Michael Uhlenberg