How do load json data into the store from Nuxt.js?

Question

I'm trying to get the json file without a server.

Vuex store is undefined in NUXT middleware I refer to this link and call it middleware.

json file failed to load and there was no error. I have no idea what the problem is.

nuxt.config.js

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

middleware/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;
    },
}

Restarting dev server is not work.

Valentin · Accepted Answer · 2019-12-06 07:36:26Z

4

You can try importing the JSON file directly in your middleware, without using axios:

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

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

answered Dec 6, 2019 at 7:36

Valentin

6021 gold badge4 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do load json data into the store from Nuxt.js?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related