常见跨域

跨域

跨域是指浏览器允许向服务器发送跨域请求,从而克服Ajax只能 同源使用的限制。

  • 资源跳转: A链接、表单提交
  • // 与服务器端建立连接 const socket = io('http://www.domain2.com:8080') // 向服务器端发送信息 socket.emit('sentToServer', '你好,服务器!') // 3. 获取服务端发送过来的信息 socket.on('sendToClient', message => { console.log(message); })
    // 后端
    let http = require('http')
    let io = require('socket.io')
    
    server.listen('8080');
    console.log('Server is running at port 8080')
    
    // 监听socket连接
    io.listen(server).on('connection', function(socket) {
        // 接收信息
        socket.on('sendToServer', function(msg) {
             console.log('data from client: ---> ' + msg);
    
            // 往客户端发送信息
            io.emit('sendToClient', '你好,客户端!');
        })
    })
    
    1. postMessage跨域
    2. document.domain + iframe跨域
    3. location.hash + iframe跨域
    4. window.name + iframe跨域
    5. 关闭浏览器的安全模式
    * 找到chrome安装目录下的 `chrome.exe` 运行程序,以此创建快捷方式,建议把此快捷方式放到桌面;
    * 在电脑硬盘里创建一个空文件夹,并记录此文件夹的路径;
    * 右键 `chrome 快捷方式`,找到 `属性` 栏目并点击;
    * 在 `目标` 位置最后添加语句,` --disable-web-security --user-data-dir=空文件夹的路径`;
    * 然后双击 `chrome 快捷方式` 你可以快乐的跨域了。
    

你可能感兴趣的:(常见跨域)