Vue使用本机IP启动项目

vue本地启动项目的时候一般是访问localhost,如果想在手机或其他设备上调试,可以考虑

使用本机IP启动项目。

如果你的项目是通过vue-cli3创建的,可以忽略本篇文章,因为它已经默认启动了本机IP。

方法一

修改package.json中的启动命令:

修改命令

方法二

找到webpack配置文件中的host选项,直接改成本机IP就行。

webpack位置

获取本机IP

通过上面两种方式可以实现以本机IP启动项目,但怎么获取IP呢?手动获取比较简单,但更换环境或者多人协作的时候就要频繁手动获取。查阅资料后发现可以自动获取本机IP。

手动获取

快捷键win + R输入cmd开发命令面板,输入ipconfig,IPv4地址则是我们想要获取的IP地址。

自动获取

通过os模块自动获取:

自动获取IP

在上述方法二中调用自动获取IP方法,就实现了使用本机IP启动vue项目。

最后更新:

原始链接: http://wangzc.cc/blog/vue-get-ip/