socket.io 跨域問題,以及netty-socketio如何實現跨域

這裏前端使用的是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異常瀏覽器

相關文章
相關標籤/搜索