Javascript 웹소켓 구현 - stomp

Question

안녕하세요현재 프론트(vue.js 2)에서 웹소켓 연결을 통해 데이터를 출력하고자 합니다.그런데 (외부) 웹소켓 api는 특정 헤더 값(X-Scope-OrgID)이 추가로 필요합니다.그래서 stompjs 라이브러리를 install 받고 연결을 시도해보았습니다.그러나 개발자 모드를 통해 확인해본 결과 pending되자마자 finished가 되었습니다.어떻게 해결할 수 있을까요?import { Client } from '&#64;stomp/stompjs'; methods: { stomptest(){ this.StompClient &#61; new Client({ brokerURL:'wss://loki.test.shop/loki/api/v1/tail?query&#61;{app&#61;&#34;test-api&#34;}', connectHeaders: { 'X-Scope-OrgID': 'test' }, debug: function (str){ console.log(str) } }) this.StompClient.onConnect &#61; function (frame){ console.log('연결') console.log(frame) } this.StompClient.onStompError &#61; function (frame){ console.log('Broker reported error: ' &#43; frame.headers['message']); console.log('Additional details: ' &#43; frame.body); } this.StompClient.activate(); }, stompclose(){ this.StompClient.deactivate(); }Could not load content for webpack://test/src/client.ts?aa97 (Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME)

Javascript 웹소켓 구현 - stomp

0개의 답변

#stompjs 목록