Vue Cli使用MQTT遇到的问题

因为要对接其他公司的接口，第一次接触MQTT，在开发途中遇到以下问题，目前以解决，故记下来供大家参考~

npm install mqtt过后，遇到以下问题

原因：

webpack版本引起的，在webpack5中移除了nodejs核心模块的polyfill自动引入

解决方法：

执行 npm install 命令进行包安装就好了

npm install node-polyfill-webpack-plugin

代码写好后，npm run serve，遇到第二个问题

原因：

没有在vue.config.js中配置ProvidePlugin

解决方法：

在vue.config.js中添加如下配置：

const webpack  = require('webpack')

configureWebpack: {
      plugins: [
        new webpack.ProvidePlugin({
          process: "process/browser",
          Buffer: ["buffer", "Buffer"],
        }),
      ]
    }

vue.config.js修改过后，需要重新npm run server，配置才能生效。

至此，以上两个问题就解决了~~