icebob / vue-websocket Goto Github PK

View Code? Open in Web Editor NEW

534.0 534.0 75.0 364 KB

Simple websocket (socket.io) plugin for Vue.js

License: MIT License

JavaScript 100.00%

vue vue-websocket vuejs websocket

vue-websocket's People

Stargazers

Watchers

Forkers

geniuskidkanyi exdestroyer dsandor whatilove tadini rstoenescu dennishill reyboo czycc zengxianlin feseason hu19891110 exp10der bianfeiniao nigeltiany excellentjr tjadli 0xdaksh front-end-john linecode kpeng2016 qfy081 aw1n xiaonan132142 webrtongqi i-ui kinpol sangshaoye plentx 81082580 victorsm95 antonio8101 melody0529 linkdrone 6km46793 chenyuan8059 chensi227 huaixinliu xiaomei5566 jrgleason thinklib maligebi pronebel fortunabee ivanchen008 ccj-mlp yangyangliu libin1991 baisheng michael-wang93 vue-mk zhangzhong1018 sun11l dean05 harborluo hhy5277 flyingfishzxf nox-xou forrestxie yuanhua118 qixs fe-yjp jsming-g cgwire pkafma-aon beingwh h2atecnologia lengjiaxin zfg88287508 jiyulongxu bloodsbro

vue-websocket's Issues

How can I use both vue-websocket and vue-socket.io in a project?

Vuejs component cannot receive data

What makes line 751 work while line 757 won't?

Is it possible to use multiple prefixes in one Vue component?

If I have a component which has a socket property as documented in the vue-websocket's README, is there a way to subscribe to listen on multiple prefixes? The documentation only shows how to listen on a single prefix in a component. Thanks!

How to set option before connect but not in Vue.use ?

Look like #7
But we need set option before connect but not in Vue.use

main.js

Vue.use(VueWebsocket, null, { autoConnect: false });

App.vue

created() {
        // Like this?  get the bar before connect
        this.$socket.option = {
               query: 'foo='+bar,
               'transports': ['websocket'],
        }
	this.$socket.open();
}

Thanks

Setting secure: true in the Websockets options does not apply and gets set by default to false.

I'm trying to use the package to set a wss:// connection to a domain to be able to use my WebSockets and I'm setting in the options the secure: true part but I'm unable to get my wss connection working. I'll post some screenshots as well as trying to elaborate more.

Code configuration of the socket:

Chrome DevTools Socket Inspection in Console:

Chrome DevTools Network:

Curiously I have set in Constants.real_url the URL of my WebSocket as so: http://... because I was previously using socket.io-client but changed to using this package instead. Now I'm seeing that if it's defined as http:// automagically the secure option is set to false and a ws:// connection, if I define the url as https:// I get a wss:// connection but I am unable to connect correctly I get a Status Code: 400 Bad Request.

I'm hoping you can help me clear a few doubts about how and why I need to set the hostname with HTTPS to get a wss connection, I was able to set a wss connection only using socket.io-client using my hostname as HTTP. Our WebSockets server need the HTTP protocol to correctly work but using a WSS protocol.

<script type="text/javascript" src="../vue-min.js"></script>
<script type="text/javascript" src="../vue-websocket.js"></script>
<body>
<div id="app"></div>
</body>
<script>
Vue.use(VueWebsocket,"ws://a.c/b");
new Vue({el: '#app'});
</script>

In F12 network log, can't see any websocket post? but console has no error print.
so how to use in this case?
thanks

icebob / vue-websocket Goto Github PK

vue-websocket's People

Stargazers

Watchers

Forkers

vue-websocket's Issues

Recommend Projects

Recommend Topics

Recommend Org