openseadragon: Unable to add auth headers to openseadragon requests with simple image tile source

Hi,

I’m sure I’m missing something fundamental here as no-one else is mentioning issues with adding headers, but I’ll risk the shame and ask for help!

In our project we had openseadragon working fine, however I added security (JWT) to a backend where the images are stored, now we need all requests from openseadragon to contain the token in the http header. I’ve used the sample code from this project located in the tests for adding headers:

var viewer = OpenSeadragon({
				id: viewerElementID,
			        prefixUrl: "./assets/scripts/openseadragon-bin-2.3.1/images/",
			        zoomInButton:   "zoomin",
			        zoomOutButton:  "zoom-out",
			        homeButton:     "home",
			        fullPageButton: "full-page",
			        showNavigator:  true,
			        navigatorId:   navigatorDivID,
			    	toolbar:       toolbarDivID,
			    	showNavigator: true,
		                loadTilesWithAjax: true,
		                ajaxHeaders: {
		                    "Authorization": localStorage.getItem('token')
		            }
	    	  });
		
		return viewer;

Setting the tile source is as per the simple example from the website:

$scope.viewer.open([{
	        	type: 'image',
	            url: $scope.selectedImageSrc
	            
	        }]);

But in the dev tools in Chrome I can’t see any headers being added to the image http requests (403 - as expected).

Am I able to get some pointers on how this should be done correctly - I would appreciate any help!

Thanks.