前端开拓 | 那些年曾谈起的跨域

处事端：

var io = require('socket.io')(1234);  
io.sockets.on('connection', (client) => {  
    client.on('message', function (msg) { //监听到信息处理赏罚  
        client.send('处事器收到了信息：' + msg);  
    });  
    client.on("disconnect", function () { //断开处理赏罚  
        console.log("client has disconnected");  
    });  
});  
console.log("listen 1234...");  

客户端：

$(function () {  
    var ioiosocket = io.connect('http://localhost:1234/');  
    var $ul = $("ul");  
    var $input = $("input");  
    iosocket.on('connect', function () {  //接通处理赏罚  
        $ul.append($('<li>连上啦</li>'));  
        iosocket.on('message', function (message) {  //收到信息处理赏罚  
            $ul.append($('<li></li>').text(message));  
        });  
        iosocket.on('disconnect', function () { //断开处理赏罚  
            $ul.append('<li>Disconnected</li>');  
        });  
    });  
    $input.keypress(function (event) {  
        if (event.which == 13) { //回车  
            event.preventDefault();  
            console.log("send : " + $input.val());  
            iosocket.send($input.val());  
            $input.val('');  
        }  
    });  
});  

Websocket既然能支持跨域要领，那就是说，一个开放给公网的Websocket处事任何人都能会见，这样的话会使数据变得很不安详，以是可以通过对毗连域名举办认证即可。

处事器反代

进修旅程起宰衡识了一下什么是反代，在计较机收集中，反向署理是署理处事器的一种。处事器按照客户端的哀求，从其关联的一组或多组后端处事器（如Web处事器）上获取资源，然后再将这些资源返回给客户端，客户端只会得知反向署理的IP地点，而不知道在署理处事器后头的处事器簇的存在。 -- 节选自百度百科

反向署理处事器：就nginx把http哀求转发到另一个可能一些处事器上。从而轻松实现跨域会见。好比处事器中别离陈设了N个处事器，当客户端提倡哀求时不消直接哀求处事器中N个节点上的处事，只必要会见我们的署理处事器就行了，署理处事器按照哀求内容分发到差异处事器节点。这仅是一种行使场景，虽然还可以做负载平衡等。

反向署理领略起来不是出格的难，平常糊口中最常见的例子，当我们拨打人工客服的时辰，并不是直接拨打客服的某一个电话号码，而是拨打总机号码，当我们拨打然后由总机举办处理赏罚，然后再分发给差异的客服职员。r然而当处事职员必要让你挂断电话守候回拨的时辰，也不是直接拨打到你的电话，同样是也通过总机之后再转发到你的电话。其拭魅这个总机也就相等于反代处事器。固然这个例子不太贴切可是多几几何就是这个意思。

因为不太懂Nginx不知道该如那里理赏罚这个部门，只是对反向署理做了一个简朴的相识，等往后进修了Nginx会补上相干代码。

Nodejs署理跨域

行使Nodejs举办跨域在我看来，就是行使Node处事做了一此中间署理转发，其道理和反向署理差不多，当会见某一个URL时必要通过处事器分发到另一个处事器URL地点中。这里就不外多的赘述了，直接看代码吧。

示例代码入下：

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!