开发移动端时，用谷歌浏览器的手机模拟工具测试 和用真机测试还是有很大差入的，所以找了一种可以在手机上测试预览的方法：

1. 电脑和手机连接同一个WiFi

2. 查询电脑本地IP 地址(cmd中输入ipconfig命令)

3. 修改项目中的 IP 地址：

    找到项目中的 vue.config.js 文件，配置以下代码：

            module.exports = {

                   dev: {

                                host: '192.168.0.116', // 原为: host: 'localhost'

                            }

                    }

4. 在手机上输入  http://192.168.0.116:8080 (自己项目的端口号)   就可以实时预览了

Mac电脑：

ifconfig en0

执行以上命令后，会得到en0这个网卡的相关信息，其中inet后面的就是en0网卡的IP地址。

vite.config.ts文件配置：

export default defineConfig({

  plugins: [vue()],

  server: {

    host: 'localhost',

    // host: '10.7.165.xxx',   // 改成这个

     port: 8080,

  },

})