美文网首页
vue运行项目启动时network显示unavailable

vue运行项目启动时network显示unavailable

作者: 养樂多_566c | 来源:发表于2021-05-28 10:08 被阅读0次

在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端口
  }
}

相关文章

网友评论

      本文标题:vue运行项目启动时network显示unavailable

      本文链接:https://www.haomeiwen.com/subject/imajsltx.html