1、配置本机hosts文件：添加127.0.0.1 www.local.com（自定义域名）
2、在vue.config.js中设置：
disableHostCheck: true，是解决浏览器打开www.local.com出现Invalid Host header页面的情况

devServer: {
    disableHostCheck: true,
    host:"www.local.com",
    port: 80,//隐藏端口号
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
  },

127.0.0.1是一个非常有名的IP地址，它是主机环回地址。主机环回指的是，地址为127.0.0.1的数据包不应离开计算机（主机）发送，而不是发送到本地网络或互联网，它只是在自身上“环回”，发送数据包的计算机成为收件人。你可以使用127.0.0.1来测试你的网络设备是否正常工作，或者在本地计算机上运行一些只有你可以访问的服务。127.0.0.1也可以用localhost来代替，它们通常是默认情况下相互对应的。

127.0.0.1和0.0.0.0都是特殊的IP地址，但有不同的用途。127.0.0.1是一个环回地址，表示本机自身，一般用于测试或者本地访问。0.0.0.0是一个未指定的地址，表示所有不清楚的主机和目的网络。在服务器中，0.0.0.0表示本机上的所有IPV4地址，如果一个主机有多个IP地址，绑定到0.0.0.0就可以通过任何一个IP地址访问服务。 在路由中，0.0.0.0表示默认路由，即当路由表中没有找到完全匹配的路由时所对应的路由。