SpringBootとVue.jsを使ってWebSocketの通信を行う際、404エラーが発生する

Question

SpringBootの公式？を参考に、
vueとWebSocketをつかったチャットアプリのようなものを作成しようとしています。

SockJSでSpringBootのエンドポイントである「websocket/gs-guide-websocket」にアクセスしようとすると404が発生してしまいます。

以下にソースコードを記載しておきます。よろしくお願いいたします。

 created: function() {
    var socket = new SockJS("/websocket/gs-guide-websocket"); // ここで404が出てそう？
    var stompClient = Stomp.over(socket);
    stompClient.connect({}, function (frame) {
        console.log('Connected: ' + frame);
        stompClient.subscribe('/topic/test', function (test) {
          console.log(test);
        });
    });

devServer: {
    disableHostCheck: true,
    proxy: {
      "/websocket": {
        target: 'http://localhost:8083/',
        ws: true,
        changeOrigin: true
      }

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {

    @Override
    public void configureMessageBroker(MessageBrokerRegistry config) {
        config.enableSimpleBroker("/topic");
        config.setApplicationDestinationPrefixes("/app");
    }

    @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
    	registry.addEndpoint("/gs-guide-websocket").withSockJS();
    }
}

@MessageMapping("test")
	@SendTo("/topic/test")
	public Test test(String test) {
		Test testResponse = new Test();
		testResponse.setOK("OK");
		return testResponse;
	}

Answer 1

以下のように修正したら404エラーが解消されました。
vue.config使ってできる方法があるのでしょうか

created: function() {
    var socket = new SockJS("http://localhost:8083/gs-guide-websocket"); //★ vue.configじゃなくて直接指定
    var stompClient = Stomp.over(socket);
    stompClient.connect({}, function (frame) {
        console.log('Connected: ' + frame);
        stompClient.subscribe('/topic/test', function (test) {
          console.log(test);
        });
    });

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {

    @Override
    public void configureMessageBroker(MessageBrokerRegistry config) {
        config.enableSimpleBroker("/topic");
        config.setApplicationDestinationPrefixes("/app");
    }

    @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
    	registry.addEndpoint("/gs-guide-websocket")
    		.setAllowedOrigins("http://localhost:8080") // ★追加
    		.withSockJS();
    }

}