Авторизация заголовка axios с использованием vue.js

Question

Я пытаюсь использовать токен заголовка с axios. Однако я получаю сообщение об ошибке CORS, поскольку я явно неправильно передаю токен (переход на несанкционированный канал работает)

Вот мой файл http-common.js

   const token = `08E1B4C220E671AC6A48`
// my user app token from micro.blog 08E1B4C220E671AC6A48
export const HTTP = axios.create({
  //  baseURL: 'https://micro.blog/feeds/adamprocter.json'
  baseURL: 'https://micro.blog',
  headers: {
    Authorization: `Bearer ${token}`
      }
    })

и вот мой компонент Timeline.vue

import { HTTP } from '@/http-common'

export default {
  components: {
    MicroPosts
  },
  data() {
    return {
      posts: []
    }
  },
  created() {
// no auth get = HTTP.get('')
    HTTP.get('/account/verify')
      .then(response => {
        //console.log(response.data)
        this.posts = response.data.items
      })
      .catch(error => {
        console.log('caught error' + error.response)
      })
  }
}

URL-адрес правильный, но токен не работает (я полагаю) POST /account/verify - Принимает токен приложения (который я настроил) и возвращает токен авторизации и другие сведения.

Это документация по API, немного скудная, но

http://help.micro.blog/2017/api-json/

http://help.micro.blog/2018/api-authentication/

Я уверен, что это что-то очевидное, любая помощь высоко ценится.

Answer 1

В документации сказано /account/verify принимает POST. Вы отправляете GET.