加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 湛江站长网 (https://www.0759zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

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

发布时间:2019-06-22 04:18:28 所属栏目:建站 来源:Aaron
导读:副标题#e# 对于前端开发来说跨域应该是最不陌生的问题了,无论是开发过程中还是在面试过程中都是一个经常遇到的一个问题,在开发过程中遇到这个问题的话一般都是找后端同学去解决,以至于很多人都忽略了对跨域的认识。为什么会导致跨域?遇到跨域又怎么去解

服务端:

  1. var io = require('socket.io')(1234);  
  2. io.sockets.on('connection', (client) => {  
  3.     client.on('message', function (msg) { //监听到信息处理  
  4.         client.send('服务器收到了信息:' + msg);  
  5.     });  
  6.     client.on("disconnect", function () { //断开处理  
  7.         console.log("client has disconnected");  
  8.     });  
  9. });  
  10. console.log("listen 1234...");  

客户端:

  1. $(function () {  
  2.     var ioiosocket = io.connect('http://localhost:1234/');  
  3.     var $ul = $("ul");  
  4.     var $input = $("input");  
  5.     iosocket.on('connect', function () {  //接通处理  
  6.         $ul.append($('<li>连上啦</li>'));  
  7.         iosocket.on('message', function (message) {  //收到信息处理  
  8.             $ul.append($('<li></li>').text(message));  
  9.         });  
  10.         iosocket.on('disconnect', function () { //断开处理  
  11.             $ul.append('<li>Disconnected</li>');  
  12.         });  
  13.     });  
  14.     $input.keypress(function (event) {  
  15.         if (event.which == 13) { //回车  
  16.             event.preventDefault();  
  17.             console.log("send : " + $input.val());  
  18.             iosocket.send($input.val());  
  19.             $input.val('');  
  20.         }  
  21.     });  
  22. });  

Websocket既然能支持跨域方法,那就是说,一个开放给公网的Websocket服务任何人都能访问,这样的话会使数据变得很不安全,所以可以通过对连接域名进行认证即可。

服务器反代

(编辑:PHP编程网 - 湛江站长网)

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