webpack配置:

  1.   devServer: {
  2.     contentBase: "./dist",
  3.     // hot: true, //HMR  热替换
  4.     host: "0.0.0.0", //这样配置是为了让局域网中的其他设备访问自己的本地服务； (默认值是 127.0.0.1)
  5.     disableHostCheck: false, // 配合 --host 0.0.0.0使用，想让其他设备访问自己的本地服务，但访问时是直接通过IP访问而不是HOST访问，因此要关闭HOST检查
  6.     // headers:{},
  7.     port: "8888", // 默认是8080,如果不被占用，会依次 + 1。(8081、8082......)
  8.     // 白名单列表，只有HTTP请求的 HOST 在列表里才正常返回
  9.     // allowedHosts: [
  10.     //   "host.com",
  11.     //   ".host2.com", // host2.com 和 所有的子域名 *.host2.com 都将匹配
  12.     // ],
  13.   },

网络要求:

  • 要保证手机和pc端处于同一wifi中，即处于同一网关下
  • 或者 利用手机 开通热点，pc端连接手机热点；移动端访问pc端的项目时，需要查看pc在当前网络下本分配的ip地址

mac查看当前网络的ip地址：
**
image.png