这里前端使用的是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服务器代码:
java
Configuration config = new Configuration();
config.setHostname("192.168.3.74");
config.setPort(26840);复制代码
主要就是配置Hostname跟端口就能够nginx
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异常浏览器