Попытка выяснить, как сделать запрос GET на Vue.js с использованием Axios, но не удалось это сделать

Question

Мой проект Vue был создан с использованием простого шаблона webpack, поэтому в моей папке 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-ключа.

По этой причине я установил

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-loader / lib / selector.js? Type = script & index = 0! ./ src/App.vue Сборка модуля завершилась неудачно: SyntaxError: C: /MAMP/htdocs/Destiny/src/App.vue: ожидается неожиданный токен, (14: 7)

Я довольно новичок в VueОшибка, которую я совершаю, может быть очень глупой.Буду признателен за любую помощь в его поиске.

Answer 1

Предполагая, что вы хотите запустить этот код, когда смонтирован компонент Vue:

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

Нельзя просто шлепнуть необработанный JS в блоке export default - Vue ожидает определения компонента, с различными свойствами, некоторые из которых могут быть / содержать функции.