vue-socket跨域问题

最新推荐文章于 2025-06-10 09:16:04 发布

你好小马哥

最新推荐文章于 2025-06-10 09:16:04 发布

阅读量2.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_34955596/article/details/107465570

web 专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍了如何在Vue项目中配置并使用Socket.IO进行实时通信。通过修改config/index.js文件设置代理，以及在main.js中引入和使用Vue-Socket.IO插件，实现前后端实时数据同步。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、可在config/index.js 配置

 proxyTable: {
      '/socket.io': {
        target: 'ip地址', //代理的服务地址
        changeOrigin: true, // needed for virtual hosted sites
        logLevel: 'debug'
      }
    },

2、main.js

import SocketIO from 'socket.io-client';
import VueSocketIO from 'vue-socket.io';
Vue.use(new VueSocketIO({
  debug: true,
  connection: SocketIO('/socket.io') 
}));

仅供参考