Nuxt.js에서 json 데이터를 스토어에 로드하려면 어떻게 해야 합니까?

Nuxt.js에서 json 데이터를 스토어에 로드하려면 어떻게 해야 합니까?

서버 없이 json 파일을 가져오려고 합니다.

NUXT 미들웨어에는 Vuex 스토어가 정의되어 있지 않습니다.이 링크를 참조해 미들웨어라고 부릅니다.

json 파일 로드에 실패하여 오류가 발생하지 않았습니다.뭐가 문제인지 전혀 모르겠어요.

nuxt.config.config.syslog

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

미들웨어/데이터.클라이언트

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.displaces

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

dev 서버를 재시작할 수 없습니다.

JSON 파일을 다음과 같이 악리를 사용하지 않고 미들웨어에서 직접 Import할 수 있습니다.

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

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

언급URL : https://stackoverflow.com/questions/59206024/how-do-load-json-data-into-the-store-from-nuxt-js