業(yè)務(wù)場景：前端需要在請求登錄接口的時候傳一個設(shè)備ID，用于后臺記錄同一臺設(shè)備異常登錄的次數(shù)，然后返回一個字段讓前端判斷是否展示異常信息的彈框。

分析：首先說下，為什么這里是生成設(shè)備ID，而不是獲取設(shè)備ID：因為安裝此插件后，編寫好代碼，運行的結(jié)果發(fā)現(xiàn)這個ID和我們本機中的設(shè)備ID是不一樣的。以此推斷可能這個插件實際上是生成了一個隨機數(shù)，然后以某種方式把隨機數(shù)保存了下來，等使用了其他的設(shè)備登錄時，又生成了新的隨機數(shù)。

下邊提供一下具體步驟：

一、安裝插件

npm install node-machine-id

二、在vue.config配置文件中配置configureWebpack

 1 const { machineIdSync } = require('node-machine-id')
 2 const webpack = require('webpack')
 3 
 4 module.exports = {
 5     configureWebpack: {
 6     plugins: [
 7       new webpack.DefinePlugin({
 8         VERSION: JSON.stringify(machineIdSync({ original: true }))
 9       })
10     ]
11   }
12 }

三、把上述的VERSION放在main.js中vue的原型上

Vue.prototype.$VERSION = VERSION

四、在需要的頁面中直接使用

this.$VERSION

這樣就可以拿到這個設(shè)備ID了。。。