博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
socket.io 跨域问题,以及netty-socketio如何实现跨域
阅读量:7007 次
发布时间:2019-06-27

本文共 1331 字,大约阅读时间需要 4 分钟。

这里前端使用的是socket.io,后端是使用java的netty-socketio,这里是通过nginx设置头部来实现跨域,nginx实现cors

需要使用nginx判断method是因为浏览器第一次会发起一个options来检查服务器是否支持跨域访问
代码:

if ($request_method = 'OPTIONS') {#注意 不需要添加Access-Control-Allow-Origin' 添加以后游览器会设置两个请求头导致报错#        add_header 'Access-Control-Allow-Origin' '*';        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';        #        # Custom headers and headers various browsers *should* be OK with but aren't        #        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';        #        # Tell client that this pre-flight info is valid for 20 days        #        add_header 'Access-Control-Max-Age' 1728000;        add_header 'Content-Type' 'text/plain; charset=utf-8';        add_header 'Content-Length' 0;        return 204;     }复制代码

java netty-socketio服务器代码:

Configuration config = new Configuration();        config.setHostname("192.168.3.74");        config.setPort(26840);复制代码

主要就是配置Hostname跟端口就可以

js 前端代码:

//直接使用域名进行访问不需要写端口socket = io.connect('ws://xxxxxxx.com/?token='+parmae);复制代码

PS:防止连接错误以后一直在重新连接可以使用

socket.on('connect_error', function (error) {                console.log(error);}); 复制代码

PS2:项目放到服务器的时候需要使用内网ip否则会报Cannot assign requested address异常

转载于:https://juejin.im/post/5c2c18b45188252d1d34e17f

你可能感兴趣的文章
在windows上搭建C语言开发环境——借助eclipse和MinGW
查看>>
利用javascript跨域访问cookie之广告推广
查看>>
[Machine Learning] Active Learning
查看>>
后台服务器端技术点(前沿了解)
查看>>
The Frog's Games(二分)
查看>>
Android 文件访问权限的四种模式
查看>>
安卓Android科大讯飞语音识别代码使用详解
查看>>
English - little,a little,a few,few的区别
查看>>
Jquery属性获取——attr()与prop()
查看>>
Mysql shell 控制台---mysqlsh
查看>>
JQuery的ready函数与JS的onload的区别详解
查看>>
eclipse出现错误:he type java.util.Map$Entry cannot be resolved. It is indirectly referenced
查看>>
yii2权限控制rbac之rule详细讲解
查看>>
Android AbsListView Abs前缀
查看>>
Redis应用场景一
查看>>
webservice 协议
查看>>
SAR-303 xml validator验证框架
查看>>
牛腩学用MUI做手机APP
查看>>
WCF--安全小见解...
查看>>
C# Type.GetConstructor() 根据构造函数参数获取实例对象(一)
查看>>