localhost、127.0.0.1、本机ip、0.0.0.0 的区别

背景

在对vue.config.js文件中的devServer对象中的host属性进行配置时，会需要考虑是使用localhost、127.0.0.1、本机IP还是0.0.0.0

localhost

host属性默认是locallhost，它是一个域名，一般指向127.0.0.1这个ip。绑定了localhost的服务只能在本机访问，外部的电脑无法访问。

127.0.0.1

127.0.0.1是本地的环回地址，速度快，永远都不会出现在主机外部的网络中，所以只适用于开发坏境。

本机IP

本机IP指的是"本机物理网卡所绑定的网络协议地址"

0.0.0.0

如果您希望同局域网下的其它机器可以通过本机IP访问服务，那么可以将host属性配置为0.0.0.0 。配置为该值后本地也可以通过localhost访问到。