vue.js, как я могу использовать axios. получить мой код не работает

Question

Я хочу использовать axios.get и получить некоторые данные в моей базе данных, но есть ошибка.

это мой код store.js

export default new Vuex.Store({
  state: {
    test: null
  },
  mutations: {
    testt(state, payload) {
      state.test = payload;
    }
  },
  actions: {
    testFun({ commit }) {
      axios.get("http://localhost:8070/beer").then(response => {
        let test = {
          id: response.data.data.id,
          title: response.data.data.title,
          subtitle: response.data.data.subtitle
        };
        commit("testt", test);
      });
    }
  }
});

это мой код app.vue

<script>
import { mapState, mapActions } from "vuex";

export default {
  props: {
    source: String
  },
  data: () => ({
    drawer: null
  }),
  computed: {
    ...mapState(["isLogin"])
  },
  methods: {
    ...mapActions(["testFun"])
  }
};
</script>

     <v-list-item router :to="{name: 'test'}" exact @click="testFun()">
          <v-list-item-action>
            <v-icon>mdi-contact-mail</v-icon>
          </v-list-item-action>
          <v-list-item-content>
            <v-list-item-title>test</v-list-item-title>
          </v-list-item-content>
        </v-list-item>

Это мой код testt.vue

<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState(["test"])
  },
  data() {
    return {
      beer: []
    };
  },
  mounted() {
    //
  }
};
</script>

<template>
  <div>
    <h1>Beer List</h1>
    <div v-for="beer in test" :key="beer.id">{{ beer.title }}</div>
  </div>
</template>

, и у меня есть маршрутизатор, и моя база данных не проблема, потому что я отправил текстовый путь в моем пути к контроллеру, он работал, но это не беспокоило vue

но результатом является ошибка Это сообщение об ошибке TypeError: Невозможно прочитать свойство 'title' из null

Answer 1

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

Спасибо