Question

我正在尝试在没有服务器的情况下获取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;
    },
}

无法重新启动开发服务器。

Answer 1

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

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

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

如何从Nuxt.js将json数据加载到存储中？

1 个答案: