使用vite创建项目运行时Network提示‘use `--host` to expose’

使用vite创建项目运行时Network提示 “use --host to expose”

最近在使用vite创建项目，使用npm跑起来后发现，Network没有显示具体的地址，在Network那个地方会显示如下图所示的这句话：

这样的话，即使在同一个局域网内，其他人也无法访问到我这个页面，这个还是比较麻烦的；
后来我通过查阅资料发现，原来Network不显示地址是因为IP没有做配置，所以不能从IP启动，这样的话也就没有办法通过IP访问我的页面。
解决方法：
咱们看一下官网上给的配置信息：

这样一看，咱们实际上就只需要在 vite.config.js做相应配置，
在 vite.config.js中添加 server.host 为 0.0.0.0 或 true 即可：

export default defineConfig({
    
    
  plugins: [vue()],
  server: {
    
    
  //使用IP能访问
    host: '0.0.0.0'
  }
})