‘sockjs-client‘ new的时候是否需要放入根路径

el/2024/7/17 22:19:58

公司项目中,需要公众号聊天功能,要用到websocket,没有用原生的websocket,而是用的sockjs-clinet包,优点在此https://www.cnblogs.com/mmzuo-798/p/13032009.html

看了很多相关例子,但是基本都是 new的时候,传入的url参数是带根路径的,诸如    

let socket = new SockJS('http://10.10.91.4:8081/ws');

 但公司项目中没有带根路径,  this.socket = new SockJS('/weixin/ws');

开始没有明白怎么回事,看网上说是proxy代理

proxy代理之前也用过,不过又忘了也没深入研究过,不过大致就是这样用的https://www.cnblogs.com/zhangqian1/p/10676501.html

写一个根路径,然后用的时候,然后所有的相关被代理的请求发的时候只需要写后面的就会被代理到这个根路径上,比如代理所有api请求啥的

后面发现公司项目中并没有做proxy代理

于是,自己试了一下,发现看半天不如自己动手一试

new SockJS(url);

通过控制台观察network,发现如果url中有http根路径,就会以这个根路径建立连接,如果没有,就会以项目根路径来建立链接


http://www.ngui.cc/el/3419277.html

相关文章

寄生继承第二次理解

不论再有孙类还是爷类,都是像这样子类复制父类的原型作为自己这个类的新的原型,这样就做到了继承了父类的原型方法和属性,如果有很多个类一直继承下去,那么就会是这样的情况,他们每个都是单独的,没有说谁连线上谁(其实被Object.create复制的原型,可以在控制台中看到__proto__后…

继承父类到底继承了哪些东西

继承父类应该是有这几个地方继承了 1.原型prototype上的方法和属性 2.类上的那些操作,类上的属性,类上的方法,不过我觉得这属于私有属性和方法了,我觉得原型prototype上的才是公共的方法和属性 如图可以看到,无论es5还是6,都是如此, es5,通过寄生继承来继承原型上的方法和属…

new的过程中做了什么

new过程自定义实现 一目了然了, 1.首先以原型copy一个新对象,这是拿到类上的公共属性和方法, Object.create() 这个方法是创建一个对象a,传入一个对象b作为这个创建的对象a的原型 那么这个对象a是作为一个空白的原型对象给子类的,作为子类的原型,这个对象a的__proto__指向父…

vue持久化存储踩坑

用插件就行,有很多插件,比如vuex-persist vuex-persistate啥的 但是用了很久没之久存储,最后发现是没通过mutation改变state就不能被持久存储,直接改statethis.$store.state.token token111111不行,.......差点吐血,虽然说项目中一般也都不会有这种写方法,但是没想到有这个坑…

vue传值与$attrs

传值看这个https://www.cnblogs.com/barryzhang/p/10566515.html 但是他$attrs的部分不是太好 这个https://www.jianshu.com/p/f7fa47499b39 $attrs的部分写的还可以, 其实很多时候,你在vue或者react组件里面打印一下this就能发现很多属性,值得研究, 就好像window身上那么多…

rgba与opacity的区别

rgba是一种颜色,opacity则影响的是元素的透明度,虽然rgba的那个a也是透明度,但那是改变颜色透明度,也就是rgba整个就是一个颜色 而div的bakcgrond默认是rgba的a是0的,也就是默认透明色,当你随便给一个颜色的时候就会覆盖掉它

websocket知识学习---持续更新

1.new websocket(url) 这个url只会有两种格式 ws://域名或服务器地址 wss://域名或服务器地址 ws对应的是http wss对应的是https 写在里面的域名就不要再加这些http或者https这些玩意了 不过sockjs-client建立的时候传的是完整的域名,包括http或者https,估计是内部做…

vuex命名空间模块化

目录结构 modules/app.js export default {namespaced: true,state: {token: notoken},getters: {},mutations: {changeToken(state, res) {state.token res}},actions: {} }modules/shop.js export default {namespaced: true,state: {count: 80},getters: {},mutations: {…

npm init export等等

首先如果想用export模块化,需要npm init 执行之后,会多出来一个pakcage.json文件,这时候如果你还无法模块化,那就看看这个文件里有没有type:module,没有就加上 关于npm init的其他作用可以看这篇 https://www.cnblogs.com/wangxirui/p/13399315.html 然后普通的export 导出…

三次握手四次挥手自记录

三次握手,是客户端发SYN发起建立连接请求到服务端,服务端接收后发SYN和ACK到客户端确认收到连接请求,客户端再发ACK服务端接收到了它确认收到连接请求的消息,这样就握手了 四次挥手,和三次握手一样,但为什么有四次,因为考虑到服务端数据可能没有传输完,所以有一次等待它数据传…