如何从 Nuxt.js 将 json 数据加载到 store 中？答案

【问题标题】：How do load json data into the store from Nuxt.js?如何从 Nuxt.js 将 json 数据加载到 store 中？
【发布时间】：2020-03-31 00:38:50
【问题描述】：

我正在尝试在没有服务器的情况下获取 json 文件。

Vuex store is undefined in NUXT middleware 我参考这个链接并将其称为中间件。

json 文件加载失败，没有错误。我不知道是什么问题。

nuxt.config.js

 modules: ["@nuxtjs/axios"],
 axios: {
    baseURL: process.env.BASE_URL
 },

中间件/data.js

import axios from "axios";

export default function({ params, store }) {
  return axios.get(require("~/data/character.json")).then(response => {
    store.commit("SET_CHARACTERS", response.data.results);
  });
}

store/index.js

export const mutations = {
    SET_CHARACTERS: (state, payload) => {
      state.character = payload;
    },
}

重新启动开发服务器不起作用。

【问题讨论】：

标签： vue.js vuex nuxt.js

【解决方案1】：

您可以尝试直接在中间件中导入 JSON 文件，而不使用 axios：

import characters from '~/data/character.json';

export default function({ params, store }) {
   store.commit("SET_CHARACTERS", characters`);
}

【讨论】：