vue项目可通过localhost和IP同时访问

前提
当我们启动vue项目,默认访问的地址为localhost:8080, 而在其他同事访问或者手机访问页面就提示"无法访问此网站".
解决途径
此时我们就需要找到config/index下dev的host,将'localhost'改为'0.0.0.0'
host设置的区别

  1. 127.0.0.1
    作用只有本机访问
  2. localhost
    是个域名,一般指向127.0.0.1这个ip地址也只能被主机访问
  3. 本机地址
    绑定到本机地址的服务能被同网段其他机器访问
  4. 0.0.0.0
    代表本机的所有ip地址,能被同网段其他机器访问