我的Vue项目是使用webpack-simple模板创建的，所以我现在的src文件夹中只有main.js和App.vue。Main.js看起来像这样：

import Vue from 'vue'
import App from './App.vue'

new Vue({
  el: '#app',
  render: h => h(App)
})

和App.vue看起来像这样：

<template>
<div id="app">
</div>
</template>

<script>
import axios from 'axios';

axios.defaults.baseURL = 'https://www.bungie.net/Platform';
axios.defaults.headers.common = {
  'X-API-Key': 'ecab73fd6c714d02b64f0c75503671d1'
};

export default {
  axios.get('/User/GetBungieNetUserById/1/')
  .then(function(response) {
    console.log(response.data);
    console.log(response.status);
  });
}
</script>

<style lang="scss">

</style>

我正在遵循Axios的Github页面上关于如何执行GET请求的说明，但似乎做错了什么。我的目标是向以下对象发出GET请求：

https://www.bungie.net/Platform/User/GetBungieNetUserById/1/

这只有在我有X-API-Key头的情况下才能做到。
为此我设置了

axios.defaults.baseURL = 'https://www.bungie.net/Platform';
axios.defaults.headers.common = {
  'X-API-Key': 'ecab73fd6c714d02b64f0c75503671d1'
};

然后我发出GET请求，不幸的是我收到了一个编译失败的错误：
./node_modules/babel-loader/lib！./node_modules/vue-加载器/lib/选择器.js？类型=脚本&索引=0！./src/应用程序.vue模块构建失败：语法错误：C：/MAMP/htdocs/命运/源代码/应用程序版本：意外的标记，应为（14：7）
我对Vue还很陌生，所以我犯的错误可能真的很愚蠢。