如何用手机预览vue开发的应用?
首先,手机和电脑要在同一个局域网内。
查看本地局域网的ip地址
mac下,wifi设置-详细信息-复制IP地址
修改vite.config.js
因为默认情况下,vite只允许本地访问即127.0.0.1,所以需要修改配置文件,允许外部所有设备访问,即0。0.0.0。
export default defineConfig({
。。。,
server: {
host: '0.0.0.0', // 允许外部设备(如手机)访问
port: 5173, // 你使用的端口
open: true // 启动时自动打开浏览器
}
})
打开手机浏览器
输入http://你的ip地址:5173
,即可查看。