vue前端vue-socket.io + nodejs后端（koa2）socket.io 实时通讯

前端

vue 入口端与nodejs连接

//vue main.js
import Vue from 'vue'
import VueSocketIO from 'vue-socket.io'  //导入vue-socket.io
import App from './App'

Vue.use(new VueSocketIO({
   
  debug: false,     //是否显示调试信息
  connection: 'http://127.0.0.1:3000?roomid=a001',  //与nodejs连接地址
  //connection: 'http://127.0.0.1:3000',  
}))


Vue.config.productionTip = false
new Vue({
   
  el: '#app',
  },


  render: h => h(App)
})

前端接收数据
created() {
// 监听后台事件
this.sockets.listener.subscribe(“addcart”, data => {
//code
});
},

前端发送数据
this.$socket.emit(‘addcart’,‘addcart’);

后端

接收前端发送过来的地址实现连接上

koa2后端直接用手脚生成，也可以自己手动搭建
1、 npm install koa-generator -g
2、 Koa2 admin //名称自己起
3、 npm install & npm run start // 安装并启动

bin/www

var app = require('../app');
var