Vue项目局域网访问配置方法（基于webpack-dev-server）
vue 项目的局域网访问配置，还是得从 webpack 的devServer说起。默认host是localhost，所以你在本机能跑没问题，但手机、平板啥的就访问不到了。想让局域网里别的设备也能访问？简单，把host改成0.0.0.0就行。
打开项目的config/index.js，找到dev里的host字段，改成：
host: '0.0.0.0'重新npm run dev一下，其他设备在同一个 WiFi 下，输入你电脑的局域网 IP（比如192.168.1.3:8080），就能访问啦。是不是挺方便？
注意哦，这种方式只适合开发调试，别拿来线上用。安全性啥的都没做。还有，如果你的系统有防火墙，记得放行一下端口，不然还是连不上。
类似的问题和更多的局域网配置方法，也可以看看Webpack Vue 项目开发环境局域网访问配置那篇文章，里面讲得也挺细。
文件大小：99.67KB
评论区