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

649 阅读1分钟

vite项目运行时Network提示"use '--host' to expose"

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

在这里插入图片描述

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

在这里插入图片描述

这样一看,咱们实际上就只需要在 vite.config.js做相应配置, 在 vite.config.js中添加 server.host0.0.0.0true 即可:

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