Vue运行项目报错：Network: unavailable

WS_Change

已于 2023-03-21 16:30:38 修改

阅读量943

点赞数

文章标签： vue.js javascript ecmascript

于 2023-03-21 11:59:13 首次发布

本文链接：https://blog.csdn.net/ws_change/article/details/129685242

版权

查阅网上资料后，总结修复方法：

法1：在devServer配置中添加public代码

module.exports = {

    configureWebpack: {

        // other webpack options to merge in ...

    },

    // devServer Options don't belong into `configureWebpack`

    devServer: {

        public: '自己的ip:端口号',

        hot: true,

        disableHostCheck: true,

    }

};

查询自己ip的方法

win+R打开命令行，输入ipconfig，效果如下图（IPv4地址即所需）

重启项目后发现报错：ERROR SyntaxError: Unexpected identifier，当时没理会，后面发现是vue.config.js的代码的符号问题。参考文章：https://blog.csdn.net/Xidian2850/article/details/117340305
法2：配置环境变量，这里在检查过后发现没有问题，如果需要检查参考文章：https://blog.csdn.net/qiaoqiaohong/article/details/117705575
法3：网卡原因，检查是否有多个网卡，如果有需要关掉其他多余网卡，检查后发现没有问题，解决办法参考文章：https://www.cnblogs.com/yogic/p/11039034.html
法4：符号问题，在法1出现的问题，当时没有理会，后面尝试了一下发现是这里出了问题，项目成功运行！