Ax ios и FW / 1 не могут использовать заголовки (ошибка CORS)

Question

Я не могу использовать заголовки с моим топором ios запрос

Это работает

Приложение. 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))

Моя конечная точка выглядит следующим образом

application.cf c

...
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

Суть проблемы не на стороне клиента. Это на стороне сервера. В частности, это в FW / 1, который является частью ColdFusion. Волхвы c слово preflight response. Когда Axois получает запрос, он на самом деле делает OPTIONS перед GET. Итак, вам нужно убедить FW \ 1 ответить на OPTIONS. Долгий путь - это явное добавление OPTIONS к variables.framework.routes, но есть гораздо более простой способ сделать это. Просто добавьте в конфигурацию следующее:

application.cf c

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