Не удалось скомпилировать приложение vue.js из-за запроса на получение axios

Question

У меня есть этот, казалось бы, простой компонент vue.js, который приводит к сбою приложения:

<template>
<div>
  <div v-if="token"> 
    u R LOGED IN {{userid}}
  </div>
  <div v-else> 
    Token not found
  </div>


</div>

</template>

<script>
import axios from 'axios';

export default {
  name: 'AboutMe',

 created: {
    axios.get('http://127.0.0.1:3000/profile/aboutme/somejibberish'  )
    .then( res => { 
      console.log(res);

    })
    .catch( error => {  
      console.log(error);
    })
  }

}
</script>

Я получаю ошибку:

 ERROR  Failed to compile with 1 errors                                                                             

 error  in ./src/components/AboutMe.vue?vue&type=script&lang=js&

Syntax Error: SyntaxError: /home/me/vue-myapp/src/components/AboutMe.vue: Unexpected token, expected "," (122:9)

  120 | 
  121 |   created: {
> 122 |     axios.get('http://127.0.0.1:3000/profile/aboutme/fwefwefewf'  )
      |          ^
  123 |     .then( res => { 
  124 |       console.log(res);
  125 | 


 @ ./src/components/AboutMe.vue?vue&type=script&lang=js& 1:0-222 1:238-241 1:243-462 1:243-462
 @ ./src/components/AboutMe.vue
 @ ./src/routes.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.10:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

Я использовал аксиому вдругие компоненты в том же приложении без проблем, так что понятия не имеете, что здесь может быть не так?Как я могу это исправить?

Answer 1

Синтаксическая ошибка изменена на:

created: function(){
    axios.get('http://127.0.0.1:3000/profile/aboutme/somejibberish'  )
    .then( res => { 
        console.log(res);

    })
    .catch( error => {  
        console.log(error);
    })
}

Источник: https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

Или, как видно из ответа падшего!

Answer 2

Созданное свойство должно быть функцией, а не объектом:

import axios from 'axios';

export default {
  created() {
    axios.get(...
  }
}