如何用手机预览vue开发的应用？

2024-09-20

首先，手机和电脑要在同一个局域网内。

查看本地局域网的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，即可查看。