1.安装依赖
npm install mqtt --save
2.项目按需引入
import mqtt from 'mqtt'
3.使用
<template>
<div>
{
{mqMsg}}
</div>
</template>
<script>
import mqtt from 'mqtt'
// 配置mqtt
var client = null
const options = {
connectTimeout: 40000,
clientId: process.env.VUE_APP_CLIENT_ID, //提取到配置文件
username: process.env.VUE_APP_MQTT_UESRNAME, //提取到配置文件
password: process.env.VUE_APP_MQTT_PASSWORD, //提取到配置文件
clean: true
}
export default {
data () {
return {
mqMsg: ''
}
},
mounted() {
this.mqttMsg()
},
destroyed() {
if(client) {
client.end() //离开页面的时候 关闭mqtt连接
client = null
}
},
computed: {
// mqtt 连接地址
mqttUrl:() => process.env.VUE_APP_MQTT_URL, //提取到配置文