不传递Vue资源标头

Question

我正在尝试通过vue-resource发送一个简单的POST请求。它需要一个特定的标题，我通过标题选项传递，但我仍然收到401错误，缺少标题响应。

我按照vue-resource配置的每一步，这里是发布请求

<script>
export default {
  data () {
    return {
      quote: ''
    }
  },
  methods: {
    getQuote () {
      this.$http
        .post('https://andruxnet-random-famous-quotes.p.mashape.com/?cat=movies',
        {},
        {
          headers: {
            'X-Mashape-Key': 'x1TtXXYZYemshmluWEEZ3mqnx78yp1RtL6gjsnoxDbxhy4TBoT',
            'Content-Type': 'application/x-www-form-urlencoded',
            'Accept': 'application/json'
          }
        })
      .then(function (result) {
        console.log(result.body.quote)
        this.quote = result.body.quote
        this.author = result.body.author
      })
    }
  }
}
</script>

我错过了什么吗？