<script src="https://cdn.socket.io/4.4.1/socket.io.min.js" 
	integrity="sha384-fKnu0iswBIqkjxrhQCTZ7qlLHOFEgNkRmK2vaO/LbTZSXdJfAu6ewRBdwHPhBo/H" 
	crossorigin="anonymous">
</script>

var socket = window.io.connect('http://localhost:3000')

var {createServer} = require('http')
var {Server} = require('socket.io')
var httpServer = createServer()
var io = new Server(httpServer,{
//配置cors，解決同源策略問(wèn)題
  cors: {
    origin: "*",
	methods:['GET','POST']
  }
});
//
io.on('connection', (socket) => {
	console.log('a user connected');
    //接收客戶端發(fā)送來(lái)的消息
	socket.on('sendinfor', (msg) => {
		console.log('message: ' + msg);
		io.emit('some event',msg)
	  });
});
 
httpServer.listen(3000, () => {
  console.log('listening on *:3000');
});

npm i vue-socket.io -s
npm i socket.io-client -s

<script>
	// import vueSocketIo from 'vue-socket.io'
	// import SocketIO from 'socket.io-client'
	export default {
		name:'Socketserver',
		setup(){
			// const socketOptions = {
			// 	autoConnect: true,       // 自動(dòng)連接     
			// }
			
			// //建立websocket連接
			// var socket = new vueSocketIo({
			// 	debug:true,
			// 	connection:SocketIO('http://localhost:5001',socketOptions)
			// })
			// //接受服務(wù)端發(fā)來(lái)的消息
			// socket.io.on('backinfor',(data) =>{
			// 	console.log(data)
			// })
			
			function sendinf(){
				if(infor.value){
					//向服務(wù)器發(fā)送消息
					socket.io.emit('sendinfor',socketid,infor.value)
				}
			}
			
			
			return {
			}
		}
	}
</script>

module.exports = {
  //開(kāi)啟代理服務(wù)器的方式二
  devServer: {
  	proxy: {
		'/wsq': {
		//需要訪問(wèn)的服務(wù)器地址
			target: 'http://localhost:3000',
		//后面空格替換前面，確保服務(wù)器有這個(gè)地址
			pathRewrite: {'^/wsq':''},
		//false時(shí)，以原域名訪問(wèn)服務(wù)器；true時(shí)，原域名變成服務(wù)器域名訪問(wèn)
		changeOrigin:true
		},
  	}
  }
}

var socket = window.io.connect('http://localhost:8080/wsq')

var io = new Server(httpServer,{
//配置cors，解決同源策略問(wèn)題
  cors: {
    origin: "*",
	methods:['GET','POST']
  }
});