nuxt 使用axios 封装的请求怎么获取模块下store的值??

nuxt 使用axios 封装的请求怎么获取模块下store的值?

阅读 3.9k
2 个回答

直接引入 store 实例应该就可以

import store from '@/store'

console.log(store)

import { defineComponent } from "@vue/composition-api";

import { SERVER_URL } from "~/assets/request";
import markdown from "~/plugins/markdown";

export default defineComponent({
  name: "Slug",

  scrollToTop: true,

  async asyncData({ app: { $axios, store }, params }) {
    let [data, previous, next, topDatas] = await Promise.all([
      // detail
      await $axios.$get(SERVER_URL.posts.concat("/", params.slug, "/details")),
      // previous
      await $axios.$get(SERVER_URL.posts.concat("/", params.slug, "/previous")),
      // next
      await $axios.$get(SERVER_URL.posts.concat("/", params.slug, "/next")),
      // topThree
      await $axios.$get(SERVER_URL.posts.concat("?page=0&size=3&order=viewed")),
    ]);

    store?.commit("CHANGE_CODE", data.code);
    store?.commit("CHANGE_TITLE", data.title);
    store?.commit("CHANGE_DESCTIPTION", data.subtitle);

    let rendered = markdown.render(data.content);

    return { data, previous, next, topDatas, rendered };
  },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题