vue.js - Axios 和 FW/1 无法使用标头（CORS 错误）

Question

我无法在我的 axios 请求中使用标头

这有效

应用程序.vue

axios
    .get(Config.BASEURL + 'pref/footer', { })
    .then(response => (this.footer = response.data))

这不

应用程序.vue

axios
    .get(Config.BASEURL + 'pref/footer', { crossDomain: true, headers: {"Authorization":1}})
    .then(response => (this.footer = response.data))

我的终点看起来像这样

应用程序.cfc

...
variables.framework.routes  = [
    // Rest
    { "$GET/rest/carousel"                  = "rest/carousel"                       },
    { "$PUT/rest/contactus"                 = "rest/contactus"                      },
    { "$POST/rest/login"                    = "restLogin/loginPOST"                 },
    { "$GET/rest/message"                   = "rest/message"                        },
    { "$GET/rest/page/:id"                  = "rest/page/slug/:id"                  },
    { "$GET/rest/page"                      = "rest/page"                           },
    { "$GET/rest/pref/:id"                  = "rest/pref/slug/:id"                  },
...

我收到如下所示的错误消息：

在 中App.vue，我不知道要添加什么。

Answer 1

问题的本质不在客户端。它在服务器端。特别是在作为 ColdFusion 一部分的 FW/1 中。神奇的词是preflight response。当 Axois 收到请求时，它实际上会执行OPTIONSbefore GET。因此，您要做的就是说服 FW\1 响应OPTIONS长方法是显式添加OPTIONS到variables.framework.routes，但是有一种更简单的方法可以做到这一点。只需将以下内容添加到配置中。

应用程序.cfc

variables.framework =   {
    ...
    preflightOptions = true,
    ...
    };