vue-cli@5.x 页面正常加载，但无法热更新

1，问题表现

正常情况下，当我们通过 vue create hello-world 创建的 vue 项目本地启动后，页面内容会正常展示+默认打开热更新。

另外，在浏览器打开后控制台是没有报错信息的。最重要的是这个 websocket 接口 没有报错！

而如果页面正常加载，但无法触发热更新。就需要检查下控制台有没有报错，尤其是这个 websocket 接口。

报错原因未知，猜测可能和使用公司内网有关系。

2，解决方式

在 vue.config.js 中设置 port 和client。需要注意client 是 webpack5 的配置。

解决方式 `vue.config.js`
```js
  devServer: {
 	// 必须同时配置 port 和 client，其中 port 就是本地启动用到的端口
    port: 8080,
    client: {
      webSocketURL: 'ws://0.0.0.0:8080/ws'
    },
    proxy: {
      //配置跨域
      '/mobile_server': {
        target: 'https://my.com.cn/',
        changeOrigin: true //允许跨域
      }
    }
  }

以上。