Vue本地IP地址development运行访问

1,677 阅读1分钟

Vue-cli2.x版本的时候,webpack的扩展性配置都是自己自由配置的,当然3.0版本也可以自由配置,这里就暂且说说2.x版本的IP环境配置吧

先下载依赖包

npm install ipv4

然后在config文件夹中找到index.js文件的配置

const ip = require('ipv4')

//然后在dev属性的配置里修改host就行了,端口自行定义
dev: {
    host: ip
}

接下来就能愉快的运行开发环境了,达到的目的就是不会再有localhost这种鬼东西了,也不用网络环境更换的时候再次拷贝粘贴写死IP地址,实现可配置化IP地址。然后在局域网络环境下,你的服务端小哥也能一起看你联调的项目进度,也能拿着这个IP地址在他的电脑上运行调试。

最后,create-react-app已经帮我们做了一层,所以无需自己配置。