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
只有在泥泞的道路上才能留下脚印