[vue]本地项目的访问

这个问题的场景是在同一局域网内的另一台电脑想要查看项目,发现默认的不是展示一个本地访问地址，一个IP地址访问地址

vite.config.ts配置

server: {
  host: "0.0.0.0", //localhost
  port: 8080,
}

通过配置host,会产生不同的访问地址

配置IP地址访问

127.0.0.1

只能访问当前地址
➜ Local: http://127.0.0.1:8080/

localhost

只能访问当前地址
➜ Local: http://localhost:8080/

0.0.0.0

可以访问当前地址，也可以访问IP地址

➜ Local: http://localhost:8080/
➜ Network: http://10.xx.xx.79:8080/
➜ : http://127.0.0.1:8080/