vue-cli3.0启动项目 局域网内其他PC通过自己的IP访问
最近一直在使用vue-cli3.0做项目, package.json中配置后,自启动项目,也就没留意过小黑窗,"scripts": {"serve": "vue-cli-service serve -
顺晟科技
2021-08-08 11:06:14
68
最近一直在使用vue-cli3.0做项目,
package.json中配置后,自启动项目,也就没留意过小黑窗,
"scripts": { "serve": "vue-cli-service serve --open", // 自启动浏览器 "build": "vue-cli-service build" },
启动后发现,如下,不仅有Local,还有 Network
App running at: - Local: http://localhost:8080 - Network: http://110.119.114.66:8080 // 当然ip是随意的 Note that the development build is not optimized. To create a production build, run npm run build.
然后,借python大佬的电脑的一用,尝试连接两台电脑,使用下这个 Network,
步骤如下
1、两台电脑连接在同一网段(同一手机无线下即可) 2、连接两台电脑,相互ping下 如 我的ip 110.119.114.66 大佬的 110.119.114.88 Win+R -- cmd -- 下, 相互ping,如 我ping大佬的 ping 110.119.114.88 ( 只要不报超时之类的,就算成功 ) 3、配置我的vue项目 vue.config.js 中 devServer: { // 由之前的 \'localhost\'改为如下,端口默认8080 host:"0.0.0.0", } 4、启动项目 npm run serve ( 如果你没改过scripts ,就是这个启动命名 ) 5、启动成功后,大佬在自己电脑访问 110.119.114.66:8080 即可
期间遇到写小问题:
大佬连接不到我的,大佬说是防火墙问题,处理了下:
详见 https://www.jb51.net/os/win10/300048.html
回显请求者2个,我不知道什么时候给关闭了
然后,在 控制面板\系统和安全\Windows Defender 防火墙\自定义设置,中把两个网络的防火墙都暂时关掉,
大佬那嘎达就可以正常访问了。
总结,两点:
1、配置 host:"0.0.0.0",
2、暂时关闭防火墙