Network: use --host to expose

vite启动后提示:

Network: use --host to expose,且无法通过网络IP访问服务

 

 

 原因:

当 局域网 中另一台设备需要访问该服务时,必须通过本机 IP + 端口 访问。 尝试访问后,发现找不到这个服务,原因是: 没有将服务暴露在网络中

解决方案:

server.host
类型: string
默认: ‘127.0.0.1’
指定服务器应该监听哪个 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://10.56.116.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

 

posted @   最爱小虾  阅读(2354)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
历史上的今天:
2017-08-17 时间戳
点击右上角即可分享
微信分享提示