526互联

vite启动后提示：Network: use --host to expose，且无法通过网络IP访问服务

发布时间 2024-01-09 13:54:22作者: 蓝色精灵jah

![](https://img2024.cnblogs.com/blog/2523048/202401/2523048-20240109134209430-272421677.png) 原因： 当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。 尝试访问后，发现找不到这个服务，原因是： 没有将服务暴露在网络中 解决方案： server.host 类型： string 默认： ‘127.0.0.1’ 指定方法一：vite.config.js下server的host配置服务器应该监听哪个 IP 地址。 如果将此设置为 0.0.0.0 将监听所有地址，包括局域网和公网地址。

 

方法一：vite.config.js下server的host配置

import vue from '@vitejs/plugin-vue'

export default {
  plugins: [vue()],
  server: {                
    host: '0.0.0.0'   
  }             
}

方法二：vite cli配置

执行 npx vite --host 0.0.0.0 命令后，就可以通过 http://192.168.10.128:3000/ 访问了

 

方法三：修改npm脚本，package.json中

"scripts": {
  "dev": "vite --host 0.0.0.0",
  "build": "vite build",
  "serve": "vite preview --host 0.0.0.0"
}

文档：

https://cn.vitejs.dev/config/#conditional-config

参考：

https://blog.csdn.net/z17864151193/article/details/123897689