Vite+Vue项目页面如何在手机端查看？

前提条件

• 电脑和手机连接同一个无线网络；
• 电脑打开热点，手机连接电脑分享的热点；

修改vite.config.ts

通过ipconfig获取无线局域网适配器 WLAN的IPv4地址； 修改vite.config.ts文件，增加以下配置。

export default defineConfig({
    server: {
        host: 'XXX.XX.XX.XXX'
    }
})

重启项目。

手机访问

手机浏览器直接访问项目地址即可；
项目地址会在项目启动时打印出来或者将电脑端localhost改为ip即可。