解决vs code运行vue项目显示network：unavailable

运行npm run serve的显示如下App running at:- Local:http://localhost:8080/- Network: unavailable找到vue项目中的devServer配置，如果没有就在项目下新建一个vue.config.js文件将以下代码复制进去module.exports = {configureWebpack: {// other webpack o

Matter_Lv

11886人浏览 · 2021-04-06 16:33:50

Matter_Lv · 2021-04-06 16:33:50 发布

运行npm run serve的显示如下

App running at:
  - Local:   http://localhost:8080/
  - Network: unavailable

找到vue项目中的devServer配置，如果没有就在项目下新建一个vue.config.js文件
将以下代码复制进去

module.exports = {

    configureWebpack: {

        // other webpack options to merge in ...

    },

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

    devServer: {

        public: '197.10.59.150:8080',

        hot: true,

        disableHostCheck: true,

    }



};

完成此步骤在终端运行npm run serve,Network:已经有链接产生但是点击进去无响应
需要将public: '197.10.59.150:8080',这里的ip地址换成本机的ip地址
ip地址的查找：控制面板→网络和Internet→网络和共享中心→更改适配器设置
双击点开当前连接的网络，点击详细信息，把IPv4地址复制进public
在这里插入图片描述