使用vue.js的axios标头授权

时间:2019-02-26 12:19:18

标签: javascript vue.js axios microblogging

我正在尝试将头标记与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-接受应用程序令牌(已设置)并返回auth令牌和其他详细信息。

这是API文档,虽然很少,但是

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

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

我确信这是显而易见的,任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

文档说/account/verify接受POST。您正在发送GET。