如何用手机预览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,即可查看。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注