[vue]本地项目的访问

vue本地项目的访问

• vite.config.ts配置
• 配置IP地址访问
• • 127.0.0.1
  • localhost
  • 0.0.0.0

这个问题的场景是在同一局域网内的另一台电脑想要查看项目,发现默认的不是展示一个本地访问地址，一个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/