sockjs

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。 所谓同源是指 域名、协议、端口均相同。 同源策略如下： URL 说明 是否允许通信 http://www.a.com/a.js 与 http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js 与 http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js 与 http://www.a.com/b.js 同一域名，不同端口 不允许 http://www.a.com/a.js 与 https://www.a.com/b.js 同一域名，不同协议 不允许 http://www.a.com/a.js 与 http://70.32.92.74/b.js 域名和域名对应ip 不允许 http://www.a.com/a.js 与 http://script.a.com/b.js 主域相同，子域不同 不允许 http://www.a.com/a.js 与 http://a.com/b.js 同一域名，不同二级域名（同上） 不允许（cookie这种情况下也不允许访问） http://www.cnblogs.com/a.js 与 http://www.a.com/b.js

默认安装webix-jet微引擎后出现问题： ①只能在本地使用localhost 或 127.0.0.1访问； ②解决①后使用域名访问出现 Invalid Host header ③项目启动后，使用console观看前端一直发送 http://localhost:8080/sockjs-node/info?t=XXX 解决方法： 第一个问题： 修改：node_modules/webpack-dev-server/lib/Server.js 第777行，原来为： return this.listeningApp.listen(port, hostname, (err) => { 修改为：return this.listeningApp.listen(port, (err) => { //去掉hostname： 774 listen(port, hostname, fn) { 775 this.hostname = hostname; 776 777 return this.listeningApp.listen(port, (err) => { 778 this.createSocketServer(); 779 780 if (this.options.bonjour) { 781 runBonjour(this.options); 782 } 第二个问题：

在使用vue-cli脚手架创建项目的时候，在 cnpm create app 命令后，项目创建成功后通过 npm run serve 命令运行以后，控制台报错， sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT 错误分析： sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，network会一直调用这个接口。如果没有使用，那么就一直会报这个异常。 解决办法： 1）找到 /node_modules/sockjs-client/dist/sockjs.js 2）在1605行，注释掉 self.xhr.send(payload); 这一行，然后就可以解决了 try { // self.xhr.send(payload); } catch ( e ) { self . emit ( 'finish' , 0 , '' ) ; self . _cleanup ( false ) ; } } ; 来源： oschina 链接： https://my.oschina.net/u/4287847/blog

https://www.jianshu.com/p/35c85b10cade 说到底还是es6闹得，ie浏览器不支持es6 实际碰到的问题分两步才解决 1. 直接打开是空白页：让ie支持vue 解决方式：安装 "babel-polyfill" 即可。 命令：cnpm install --save-dev babel-polyfill //我用的是淘宝镜像，所以是cnpm，如果你没有安装使用npm 即可。 在入口main.js文件引入：import 'babel-polyfill' 最后一步，在build文件夹下找到webpack.base.conf.js. 将第10行的内容替换一下即可。 https://blog.csdn.net/weixin_44093149/article/details/99569736 使用vue-cli3创建的项目，在谷歌浏览器运行没有问题，但在火狐浏览器、ie浏览器和edge浏览器上运行都会报错（就测试了这几个浏览器，其它的没测），具体报错内容如下： // 火狐浏览器 报错如下 "载入页面时与 ws://localhost:8080/sockjs-node/631/u0rsdsy0/websocket 的连接中断" // ie浏览器 报以下错误 SCRIPT5022: SecurityError sockjs.js ( 1683,3 ) //

　　一、WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 　　WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 　　二、STOMP即Simple (or Streaming) Text Orientated Messaging Protocol，简单(流)文本定向消息协议，它提供了一个可互操作的连接格式，允许STOMP客户端与任意STOMP消息代理（Broker）进行交互。STOMP协议由于设计简单，易于开发客户端，因此在多种语言和多种平台上得到广泛地应用。 　　三、首先，我们先理解一下为什么需要STOMP。 　　1）常规的websocket连接和普通的TCP基本上没有什么差别的。 　　2）那我们如果像http一样加入一些响应和请求层。 　　3）所以STOMP在websocket上提供了一中基于帧线路格式（frame-based wire format）。 　　4）简单一点，就是在我们的websocket（TCP

Nginx实战之反向代理WebSocket的配置实例 案例 1：源码安装Redis缓存服务 1 案例： Nginx实战之反向代理WebSocket的配置实例 http://www.jb51.net/article/112183.htm 最近在工作中遇到一个需求，需要使用 nginx 反向代理 websocket ，经过查找一番资料，目前已经测试通过，所以这篇文章主要给大家介绍了 Nginx 反向代理 WebSocket 配置的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。 实现方案 采用目前比较成熟的 WebSocket 技术， WebSocket 协议为创建客户端和服务器端需要实时双向通讯的 webapp 提供了一个选择。其为 HTML5 的一部分， WebSocket 相较于原来开发这类 app 的方法来说，其能使开发更加地简单。大部分现在的浏览器都支持 WebSocket ，比如 Firefox ， IE ， Chrome ， Safari ， Opera ，并且越来越多的服务器框架现在也同样支持 WebSocket 。 WebSocket 集群 在实际的生产环境中，要求多个 WebSocket 服务器必须具有高性能和高可用，那么 WebSocket 协议就需要一个负载均衡层， NGINX 从 1.3 开始支持 WebSocket ，其可以作为一个反向代理和为

【推荐阅读】微服务还能火多久？>>> 配置缓存 默认情况下，静态处理程序将设置缓存标头以使浏览器能够有效地缓存文件。 Vert.x的Web设置标题 cache-control ， last-modified 和 date 。 cache-control max-age=86400 默认设置为。这相当于一天。 setMaxAgeSeconds 如果需要，可以配置它 。 如果浏览器发送带有 if-modified-since 标头的GET或HEAD请求，并且该资源自该日期起未被修改， 304 则返回状态，告知浏览器使用其本地缓存的资源。 如果不需要处理缓存头，则可以禁用它 setCachingEnabled 。 启用缓存处理后，Vert.x-Web将缓存内存中资源的最后修改日期，这样可以避免磁盘命中每次都检查实际的上次修改日期。 缓存中的条目具有到期时间，在此之后，将再次检查磁盘上的文件并更新缓存条目。 如果您知道您的文件永远不会在磁盘上更改，那么缓存条目将永远不会过期。这是默认值。 如果您知道在服务器运行时您的文件可能在磁盘上发生更改，那么您可以将只读文件设置为false setFilesReadOnly 。 要在任何时候启用可以在内存中缓存的最大条目数，您可以使用 setMaxCacheSize 。 要配置可以使用的缓存条目的到期时间 setCacheEntryTimeout 。