I used the code for this example to create a websocket, in vue, but there are often errors in refreshing things.

how vue uses websocket

<script>
    export default {
        data() {
            return {
                websock: null,
            }
        },
        methods: {
            threadPoxi(){  // 
                //
                const agentData = "mymessage";
                //ws
                if (this.websock.readyState === this.websock.OPEN) {
                    this.websocketsend(agentData)
                }
                //  300
                else if (this.websock.readyState === this.websock.CONNECTING) {
                    let that = this;//this
                    setTimeout(function () {
                        that.websocketsend(agentData)
                    }, 300);
                }
                //  500
                else {
                    this.initWebSocket();
                    let that = this;//this
                    setTimeout(function () {
                        that.websocketsend(agentData)
                    }, 500);
                }
            },
            initWebSocket(){ //weosocket
                //ws
                const wsuri = process.env.WS_API + "/websocket/threadsocket";
                this.websock = new WebSocket(wsuri);
                this.websock.onmessage = this.websocketonmessage;
                this.websock.onclose = this.websocketclose;
            },
            websocketonmessage(e){ //
                const redata = JSON.parse(e.data);
                console.log(redata.value);
            },
            websocketsend(agentData){//
                this.websock.send(agentData);
            },
            websocketclose(e){  //
                console.log("connection closed (" + e.code + ")");
            }
        },
        created(){
            this.initWebSocket()
        }
    }
</script>

I saw this article on the Internet about how to use websocket, in vue to use his code. He was able to create a websocket service successfully, but he often reported the following error when refreshing the page

.
Uncaught DOMException: Failed to execute "send" on "WebSocket": Still in CONNECTING state.

I guess that the readyState is still not open when this section of setTimeout () is executed. I try to set the time a little longer as if the probability of occurrence is much lower, but this does not seem to be a good solution

//  300
                else if (this.websock.readyState === this.websock.CONNECTING) {
                    let that = this;//this
                    setTimeout(function () {
                        that.websocketsend(agentData)
                    }, 300);
                }
                //  500
                else {
                    this.initWebSocket();
                    let that = this;//this
                    setTimeout(function () {
                        that.websocketsend(agentData)
                    }, 500);
                }

the original URL needs to be logged in and cannot be accessed. The connection is not open when
CONNECTING . Change to OPEN . Then what does else do here?

https://developer.mozilla.org.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1becc1b-31b44.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1becc1b-31b44.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?