Vue资源（GET）未发送标头

Question

我了解Axios，但是我正在尝试使用Vue Resource做到这一点。 一切正常，但没有发送标题。

无论我做什么，它都不会发送标题。

但是，当我执行查询并使用Firefox控制台（添加auth标头后）重新发送它时，它确实起作用。

但是直接从Vue执行时，它不会发送标头。 当我尝试在Postman中做完全相同的事情时，它确实可以工作：）

问题：有人知道如何解决吗？

            this.$http.get('https://myapi.com/v1/whatever/option', {
                params: {

                },
                headers: {
                    'Authorization' : 'Bearer Cd34dfhnc4jn-39q84cq9-pwncpqw349fn83q47903qpnf98nghwehj5UiDXyC:$2y$1gerg34cqw4yas4yqOHAyLk4wy2OkDvxH6HOs.CgocO2TE9Te'
                }
            }).then(response => {

                //console.log(response);

            }, response => {

                console.log('error:');
                console.log(response.headers.get('Authorization'));
                console.log(response);

            })

P.S。我刚刚尝试了Axios，这里遇到了同样的问题...当我检查我的请求时，我添加的标头不存在！？

Download my FF Console screenshot

在我的Vue文件中，我有一个@click事件：

this.$http.get('https://boinu.nl/v1/synonyms/autos', {
                // params: {
                //
                // },
                // headers: {
                //  'Authorization' : 'Bearer CdcmXCj0pdaM7UH6zpWVRSyncWJHhShHPKzvj4wWxNaxIn54LGQMaVU7ihUiDXyC:$2y$10$26IZut5mWqtECbhVIFnSqOHAyLk4wy2OkDvxH6HOs.CgocO2TE9Te'
                // }
            }).then(response => {

                //console.log(response);

            }, response => {

                console.log('error:');
                console.log(response);

            })

在我的main.js中，我有：

import Vue from 'vue'
import App from './App.vue'
import VueResource from 'vue-resource'

Vue.use(VueResource);

new Vue({
  el: '#app',
  render: h => h(App)
});