【socket.io跨域】关于socket.io nginx跨域问题

最新推荐文章于 2024-12-05 08:11:48 发布

SangHongxv

最新推荐文章于 2024-12-05 08:11:48 发布

阅读量2.9k

点赞数 2

分类专栏：奇技淫巧文章标签： socket

本文链接：https://blog.youkuaiyun.com/SangHongxv/article/details/105204480

版权

奇技淫巧专栏收录该内容

30 篇文章

订阅专栏

本文介绍如何在uni-app前端应用中使用vue-socket.io与Node.js后端建立实时通信。通过具体代码示例，展示了如何配置Vue与Socket.io的连接，并在Nginx服务器上正确代理socket.io请求。同时，解决了自动添加/socket.io前缀的问题。

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

服务端: node.js

前端环境: uni-app

需要依赖: vue-socket.io socket.io-client

// main.js
import VueSocketio from 'vue-socket.io'
import socketio from 'socket.io-client';

Vue.use(new VueSocketio({
  debug: true,
  connection: socketio('http://真实线上地址:3300')
}))

nginx配置 nginx.conf

server {
  location /socket.io/ {
    proxy_pass http://127.0.0.1:3300/;    
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
  }
}

原因: 会自动添加/socket.io前缀