vite和webpack本地开发时,共享本地IP和端口给外部访问的方式。

412 阅读1分钟

平时开发时,遇到了一些需要实时把开发效果给同事,或者自己想在其他电脑看时的问题。

比如,手机上如何通过IP访问本地电脑的host。

解决方式: 直接在vite或者webpack上的server,把host配置为: 0.0.0.0 这样表明你的ip允许外部访问。

webpack: image.png

vite: image.png

另外其他电脑或者手机访问本地电脑时,需要使用本地的ipv4。 注意:其他电脑和手机都要连接同一个Wi-Fi

查看自己的ip的命名:

  1. MAC电脑: ifconfig | grep "inet " | grep -v 127.0.0.1
  2. windows电脑:ipconfig

image.png

后面在其他设备上的浏览器直接输入:IP + 端口 就可以了。如: 192.168.9.6:8080