diff --git a/index.html b/index.html
index fc45781ff..a80741dae 100644
--- a/index.html
+++ b/index.html
@@ -153,6 +153,7 @@
             <select v-model="auth">
               <option>None</option>
               <option>Basic</option>
+              <option>Bearer Token</option>
             </select>
           </li>
         </ul>
@@ -166,6 +167,12 @@
             <input v-model="httpPassword" type="password">
           </li>
         </ul>
+        <ul v-if="auth === 'Bearer Token'">
+          <li>
+            <label for="bearer_token">Token</label>
+            <input v-model="bearerToken">
+          </li>
+        </ul>
       </div>
     </fieldset>
     <fieldset class="parameters hidden">
diff --git a/script.js b/script.js
index 0adca43b6..ef565bf34 100644
--- a/script.js
+++ b/script.js
@@ -18,6 +18,7 @@ const app = new Vue({
     path: '/api',
     httpUser: '',
     httpPassword: '',
+    bearerToken: '',
     params: [],
     bodyParams: [],
     contentType: 'application/json',
@@ -129,6 +130,9 @@ const app = new Vue({
       const user = this.auth === 'Basic' ? this.httpUser : null
       const pswd = this.auth === 'Basic' ? this.httpPassword : null
       xhr.open(this.method, this.url + this.path + this.queryString, true, user, pswd)
+      if (this.auth === 'Bearer Token') {
+        xhr.setRequestHeader('Authorization', 'Bearer ' + this.bearerToken);
+      }
       if (this.method === 'POST' || this.method === 'PUT') {
         const requestBody = this.rawRequestBody
         xhr.setRequestHeader('Content-Length', requestBody.length)