移动web开发手机测试，解决手机无法打开开发网址问题

windows系统作为开发机

在web开发中，我们用webpack做打包工具，例如vue-cli,create-react-app这类的脚手架工具。我们在网上查如何用手机测试，都会告诉我们去配置devServer。devServer的配置项，如下所示。

 useLocalIp: true,
host: '0.0.0.0',

但是我们用手机号打开本机web服务的网址时，有时候发现还是打不开。

这个原因在于，开了windows防火墙，把局域网ip访问本机端口的功能禁调了。这也是安全问题。

最暴力的解决方法是把windows的防火墙关了。

 

还有一种方法是对防火墙进行配置。

建立局域网访问本机的规则。

参考设置如下。

https://jingyan.baidu.com/article/870c6fc317cae7b03ee4be48.html

这个是win7的操作方式。

在win10下，应该是 设置-更新和安全-windows安全-防火墙和网络保护-高级设置

然后进行详细配置。