握手时，SockJS不会设置Bearer授权令牌

Question

我有一个spring boot + angularjs应用程序，我将其配置为具有套接字连接。这是我在angularjs中的套接字控制器：

function SocketController($timeout, localStorageService) {
        var vm = this;
        var accessToken = localStorageService.get('accessToken');
        var stompClient;

        // i can see valid value of token in console
        console.log(accessToken)

        if (accessToken) {
            var socket = new SockJS('/looping',
                null,
                {
                    transports: ['xhr-streaming'],
                    headers: {'Authorization': 'Bearer ' + accessToken}
                });
            stompClient = Stomp.over(socket);
            stompClient.connect({"X-Authorization": "Bearer " + accessToken}, function (frame) {
                console.log('Connected: ' + frame);

                stompClient.subscribe('/topic/loops', function (message) {
                    console.log(message);
                });
            });
        } else {
            console.log("token expired");
        }

        function sendEvent(loopId, value) {
            if (stompClient != null) {
                stompClient.send("/topic/loops", {}, JSON.stringify({'loopId': new Date(), 'value': 'hey silver'}));
            }
        }

        function disconnect() {
            if (stompClient !== null) {
                stompClient.disconnect();
                stompClient = null;
            }

            console.log("Disconnected");
        }

    }

现在，问题是当我在firefox devtools中检查请求标头时，未设置授权标头，如下所示：

我该如何解决这个问题？我是套接字新手。

更新

当我使用firefox devtools编辑请求并在请求标头中设置Authorization标头时，收到带有200状态代码的响应，但响应内容在index.html的html中！