- 使用vue3.x推荐的vite构建项目之后，启动之后终端会显示如下信息
> Local: http://localhost:3000/
> Network: use `--host` to expose
只见到本地的localhost:3000项目地址，并提示Network: use --host to expose 信息
- 原因分析，这个问题我首先也是在百度搜索了一遍，找到的答案也差不多是一样的，就是没有配置IP，所以不能从IP启动，需要在vite.config.js做相应的配置，然后根据网上的找到的解决方案，于是对vite.config.js增加如下配置
vite.config.js
export default defineConfig({
plugins: [vue()],
// 这里就是增加IP配置的地方
server: {host: '0.0.0.0'}
})
- 保存后就会显示IP地址启动的地址了
- 通过查阅vite的官方文档，发现这个ip配置是可以支持两种类型的 string | boolean，通过设置server.host来指定服务器监听的IP地址
如果将此设置成 0.0.0.0 或者 true 将监听所有地址，包括局域网和公网地址
也就是说server.host也可以直接指定IP 或者是设置成true与0.0.0.0的效果是一样的
vite.config.js
export default defineConfig({
plugins: [vue()],
// 这里就是增加IP配置的地方
server: {host: true}
})
如此设置也是一样的效果
