Rob Bird Rob Bird - 1 year ago 238
Javascript Question

How to get Swagger to send API key as a http instead of in the URL

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: "",
headers: { "testheader" : "123" },
apiKey: "123",
apiKeyName: "Api-Key",
supportHeaderParams: true,
supportedSubmitMethods: ['get', 'post', 'put', 'delete'],
onComplete: function(swaggerApi, swaggerUi){
if(console) {
console.log("Loaded SwaggerUI");
$('pre code').each(function(i, e) {hljs.highlightBlock(e)});
onFailure: function(data) {
if(console) {
console.log("Unable to Load SwaggerUI");
docExpansion: "none"

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

Answer Source

I think that it might be a bug in swagger ui.

As a workaround, I added the following in in the swagger index.html file.

$(function () {
       beforeSend: function (jqXHR, settings) {
           jqXHR.setRequestHeader("YourApiKeyHeader", $("#input_apiKey").val());

Hope this helps,

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download