I am using swagger with servicestack but I am getting a 401 unauthorised error from my /resources URL becuase it requires an API key.

Unless I'm mistaken, according to the documentation I should set supportHeaderParams to true as well as the apiKeyName and apiKey value in the JSON parameters when initializing Swagger from my html page.

I was then expecting to see my API key in the http request headers, but it is still being appended to the URL and not in the headers collection.

Here is the code that initialises Swagger in my HTML page:

 window.swaggerUi = new SwaggerUi({

            discoveryUrl: http://pathtomyservice.com/resources,

                headers: { testheader : 123 },

                apiKey: 123,

                apiKeyName: Api-Key,

                dom_id:swagger-ui-container,

                supportHeaderParams: true,

                supportedSubmitMethods: ['get', 'post', 'put', 'delete'],

                onComplete: function(swaggerApi, swaggerUi){

                    if(console) {

                        console.log(Loaded SwaggerUI);

                        console.log(swaggerApi);

                        console.log(swaggerUi);

                    }

                  $('pre code').each(function(i, e) {hljs.highlightBlock(e)});

                },

                onFailure: function(data) {

                    if(console) {

                        console.log(Unable to Load SwaggerUI);

                        console.log(data);

                    }

                },

                docExpansion: none

            });

Unfortunately I get no headers at all, no 'Api-Key' or 'testheader'.