<script>
export default {
  mounted() {
    this.connectWebsocket();
  },
  methods: {
    connectWebsocket() {
      let websocket;
      if (typeof WebSocket === "undefined") {
        console.log("您的瀏覽器不支持WebSocket");
        return;
      } else {
        let protocol = "ws";
        let url = "";
        if (window.localtion.protocol == "https:") {
          protocol = "wss";
        }
        // `${protocol}://window.location.host/echo`;
        url = `${protocol}://localhost:9998/echo`;

        // 打開一個websocket
        websocket = new WebSocket(url);
        // 建立連接
        websocket.onopen = () => {
          // 發(fā)送數(shù)據(jù)
          websocket.send("發(fā)送數(shù)據(jù)");
          console.log("websocket發(fā)送數(shù)據(jù)中");
        };
        // 客戶端接收服務端返回的數(shù)據(jù)
        websocket.onmessage = evt => {
          console.log("websocket返回的數(shù)據(jù)：", evt);
        };
        // 發(fā)生錯誤時
        websocket.onerror = evt => {
          console.log("websocket錯誤：", evt);
        };
        // 關閉連接
        websocket.onclose = evt => {
          console.log("websocket關閉：", evt);
        };
      }
    }
  }
};
</script>