Vue3：Vue3 项目如何设置局域网内访问的功能呢？

问题描述

大家写过 Vue2、Vue3 项目的不难发现，Vue2 项目启动后通常会给出我们本机 ip 访问的地址可浏览（局域网内），如：http://192.168.xx.xx:5173/。但是 Vue3 项目启动后并没有提供这么一个局域网访问的 ip 地址，就像下图这样。

当然，启动后的终端中也给出了我们解决办法，Network: use --host to expose我们只需要进行相关配置即可。

解决方案

参考文档：开发服务器选项 | Vite

1. CLI 使用 --host 参数

在 package.json 文件中通过 CLI 使用 --host 0.0.0.0 或 --host 来设置，增加选项配置后记得重启项目！

2. 配置文件 vite.config.js

在 vite.config.js / vite.config.ts 文件内增加开发服务器选项 server.host 配置。