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

法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出现的问题，当时没有理会，后面尝试了一下发现是这里出了问题，项目成功运行！