Vue 项目使用socket.io

使用library socket.io-client 或者 vue-socket.io

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


使用socket.io-client

socket.io-client是socket.io原配插件

• 在对应的组件内使用

import { io } from 'socket.io-client'
this.socket = io(socketUrl, {transports: ['websocket']})

• 由于transports默认配置为polling，因此需要手动设置为websocket，将长轮询改变为websocket

使用vue-socket.io

在main.js中进行配置

import VueSocketIO from 'vue-socket.io'
Vue.use(
  new SocketIO({
    debug: true, 
    connection:'http://localhost:3001',
    options:{
      autoConnect: false,
      path: "/my-app/",
      transports: ['websocket'],
      extraHeaders:{},
    },
  })
)

第二种较第一种复杂，不推荐使用