如何从安卓手机访问SvelteKit Vite本地开发服务器？

SvelteKit默认的开发服务器仅监听localhost（127.0.0.1），导致同一局域网内的安卓手机无法访问，你可以通过以下两种方式解决：

方式一：启动开发服务器时指定外部访问权限 #

直接在终端运行开发命令时添加--host参数，让服务器监听所有网络接口：

• 使用npm：npm run dev -- --host
• 使用yarn：yarn dev --host

方式二：修改配置文件永久开启外部访问 #

如果不想每次启动都加参数，可修改项目根目录的svelte.config.js，添加服务器监听配置：

import adapter from '@sveltejs/adapter-auto';

/** @type {import('@sveltejs/kit').Config} */
const config = {
	kit: {
		adapter: adapter(),
		server: {
			host: '0.0.0.0' // 允许局域网内设备访问
		}
	}
};

export default config;

修改后直接运行npm run dev即可。

后续操作步骤 #

1. 获取电脑的局域网IP：
   • Windows：打开命令提示符，输入ipconfig，找到对应网络适配器下的IPv4地址
   • macOS/Linux：打开终端，输入ifconfig或ip addr，找到对应网络接口的inet地址
2. 确保安卓手机和电脑连接同一个WiFi局域网
3. 在手机浏览器中输入电脑IP:端口号（默认端口为5173，自定义端口需替换），即可访问项目

注意事项 #

• 若电脑开启防火墙，需允许开发服务器端口（默认5173）通过防火墙
• 如果项目使用了自定义端口，需替换为对应的端口号

内容的提问来源于stack exchange，提问作者Lalo salam