在vue中,cli3.x或者cli4.x,正常运行会有本地,有个网络,调试移动端时有网络链接可以在手机上访问执行项目;但今天遇到一个奇怪的东西,local是正常的,而网络的却显示network:unavailable
启动时出现问题截图.png查证后得知,是因为网卡的原因(vue项目启动需要禁用网络和共享中心的除正在连接网路以外的其他网络)
网络链接.png解决方案:
-删除或禁用多余网卡
-在vue.config.js中加上
const port = process.env.port || 9001; //配置端口号
module.exports = {
devServer:{
port, //端口号就是自己设置的值
public: require('os').networkInterfaces()[Object.keys(require('os').networkInterfaces())[0]][1].address + ':' + port //设置访问ip端口
}
}
网友评论