Как достать значение из promise?

Question

[kr_ilya]

Для упрощения работы имеется такая система вызова axios

В компоненте vue:

created () { //при создании
      var response = Service.getIP();
      console.log(response);
        this.$store.dispatch('setIP', response); //идем к action в стороннем файле
    }

Service:

import Api from '@/services/Api'

export default {
  getIP () {
    return Api().get('/')
  }
}

API:

import axios from 'axios'
var domen = 'localhost'
export default() => {
  return axios.create({
    baseURL: 'http://' + domen +':3000'
  })
}

Проблема в том, что Service.getIP() (в компоненте vue) возвращает вот это:

Как можно вернуть data из этого?

Пробовал так:
Service.getIP().then(res => { return res})
но это ничего хорошего не дает
И так пробовал:

getIP () {
    return Api().get('/').then(response => {console.log(response);return response})
  },

На выходе всё равно промис...

Comments

[Lynn «Кофеман»]

см async/await

[Lynn «Кофеман»]

Никак нельзя синхронно получить результат асинхронного вызова.

[kr_ilya]

Алексей Тен, async/await куда мне его вставить тут?

[Lynn «Кофеман»]

Energy2, см ответ

Answer 1

[Lynn «Кофеман»]

created() { //при создании
  Service.getIP().then(response => {
    console.log(response);
    this.$store.dispatch('setIP', response); //идем к action в стороннем файле
  })
}

или так

async created() { //при создании
  const ip = await Service.getIP();
  this.$store.dispatch('setIP', ip); //идем к action в стороннем файле
}

Answer 2

[E]

async methodName() {
   let result = await Api().get('/');
}