真机测试

命令行启动命令获取当前机器的IP地址

  • MAC 启动 ifconfig
    image.png
  • windows 启动 ipconfig

我们启动本地服务器一般是 8080端口 ，是无法被外界访问的，原因是
我们前端的项目是通过 webpack-dev-server启动的，而webpack-dev-server 默认不支持通过IP的形式进行页面的访问，如果想要webpack-dev-server能够通过IP地址访问到，我们需要对默认的配置项进行修改

修改前的 配置


image.png

修改后的配置


image.png

配置好以后，重启服务器，就可以通过IP地址访问网页了


image.png

然后我们把手机和电脑设置为同一个局域网内，我们就可以通过手机来访问网页进行真机测试了，在手机浏览器输入刚才的IP地址，下边就是手机上访问到的页面


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容