Vue与Node.js通过socket.io通信的示例代码

var http=require('http')var sio=require('socket.io')var server=http.createServer((req,res)=>{ res.writeHead(200,{'Content-type':'text/html'}) res.end(fs.readFileSync('./snak.html'))}).listen(8088)//创thhp建服务器var socket=sio.listen(server)//监听http服务器socket.on('connection',(socket)=>{//建立连接后的回调函数})//这里的socket参数，是服务器端用于与客户端建立连接的scoket端口对象

 <script src='/socket.io/socket.io.js'></script>//jsvar socket=io.connect()

socket.send('收到信息')

socket.on('message',(val)={ console.log(val) })

socket.emit('news',data,(val1,val2...)=>{})

socket.on('news',(val)={ console.log(val) })

//服务器端var io = require('socket.io').listen(server);io.sockets.on('connection', (socket) => {io.sockets.emit('login',name);//socket.broadcast.emit('login',name)})//客户端var socket=io.connect()socket.emit('login',name)

npm install vue-socket.ionpm install socket.io-client

import VueSocketio from 'vue-socket.io';import socketio from 'socket.io-client';Vue.use(VueSocketio,socketio('http://localhost:8888/'));//与服务端链接

export default { name: "NetList", sockets: { //不能改,j建立连接自动调用connect connect: function() {  //与socket.io连接后回调  console.log("socket connected"); },//服务端向客户端发送login事件 login: function(value) {  //监听login(后端向前端emit login的回调)console.log(value) } },updated(){//数据更新时，向服务器端发送事件this.$socket.emit("compile"); //触发start}

var http = require('http');var fs = require('fs');var exec = require('child_process').exec;var server = http.createServer(function (req, res) { // console.log(req) // console.log(res) // fs.readFile('./index.html',function(error,data){//若根目录有index.html，访问地址，将显示index.html //  res.writeHead(200,{'Content-Type':'text/html'}); //  res.end(data,'utf-8'); // });}).listen(8888);//创建http服务console.log('Server running ');var io = require('socket.io').listen(server);io.sockets.on('connection', (socket) => { console.log('链接成功'); socket.on('compile', () => { socket.emit('login', 'ok'); }); });