доступ к данным JSON из Axios вызова в VUE

Question

Я установил поддельный сервер mocke в почтальоне, чтобы получить данные теста som для моей vue applikation.Вот что я получаю с сервера:

Я хочу получить доступ к информации о данных, но мне трудно это сделать.Это код, который я использую:

<template>
  <div class="admin">
    <h1>This is admin page area</h1>

    <JsonEditor :objData="config" v-model="config" ></JsonEditor>

  </div>
</template>

<script>

import{getConfig} from "../utils/network";

import Vue from 'vue'
import JsonEditor from 'vue-json-edit'

Vue.use(JsonEditor)

export default{

  data: function () {
    return {
      config:{}
    }
  },
  created:function(){
    getConfig()
            .then(response => {
              console.log(response)
              this.config = response;
            })
            .catch(err => {
              console.log(err)
            })
  }
}
</script>

Я пытался сделать response.data, но не сработало.Я передаю это редактору json, но в настоящее время он не может показать json.Оно пустое.Это мой сетевой код вызова:

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

const getConfig = () =>{
    return Vue.axios.get('https://8db51a11-752e-4d64-b237-8195055fbf26.mock.pstmn.io')
};

//Export getConfig so other classes can use it
export{
  getConfig
}

Что мне не хватает?

Answer 1

Вы также можете попробовать указать оператор then:

const getConfig = () =>{
    Vue.axios.get('https://8db51a11-752e-4d64-b237-8195055fbf26.mock.pstmn.io').then(response => {
return response.data});
};