pip install flask
pip install flask-cors
pip install flask-socketio

Flask                 1.1.1
Flask-Cors            3.0.8
Flask-SocketIO        4.3.0
Flask-SQLAlchemy      2.4.1

from flask import Flask
from flask_sqlalchemy import SQLAlchemy
import pymysql
from flask import request,jsonify
from flask_cors import CORS
from flask_socketio import SocketIO,send,emit
import urllib.parse  pymysql.install_as_MySQLdb()  app = Flask(__name__)  CORS(app,cors_allowed_origins="*")  socketio = SocketIO(app,cors_allowed_origins='*')  @socketio.on('message')
def handle_message(message):  message = urllib.parse.unquote(message)  print(message)  send(message,broadcast=True)  @socketio.on('connect', namespace='/chat')
def test_connect():  emit('my response', {'data': 'Connected'})  @socketio.on('disconnect', namespace='/chat')
def test_disconnect():  print('Client disconnected')  if __name__ == '__main__':  socketio.run(app,debug=True,host="0.0.0.0",port=5000)

python3 manage.py

npm install vue-socket.io@2.1.0

import VueSocketio from 'vue-socket.io';  Vue.use(VueSocketio,'http://127.0.0.1:5000');

<template>  <div>  <div v-for="item in log_list"  >  {{item}}  </div>  <input v-model="msg" />  <button @click="send">发送消息</button>  </div>  </template>  <script>  export default {  data () {  return {  msg: "",  log_list:[]  }  },  //注册组件标签  components:{  },  sockets:{  connect: function(){  console.log('socket 连接成功')  },  message: function(val){  console.log('返回:'+val);  this.log_list.push(val);  }
},  mounted:function(){  },  methods:{  send(){  this.$socket.emit('message',encodeURI("用户:"+this.msg));  },  }
}  </script>  <style>  </style>

npm run dev

<template>  <div>  <div v-for="item in log_list"  >  {{item}}  </div>  <input v-model="msg" />  <button @click="send">发送消息</button>  </div>  </template>  <script>  export default {  data () {  return {  msg: "",  log_list:[]  }  },  //注册组件标签  components:{  },  sockets:{  connect: function(){  console.log('socket 连接成功')  },  message: function(val){  console.log('返回:'+val);  this.log_list.push(val);  }
},  mounted:function(){  },  methods:{  send(){  this.$socket.emit('message',encodeURI("客服:"+this.msg));  },  }
}  </script>  <style>  </style>