정적 로컬 json 파일을 Vue 저장소로 가져오는 중(빌드에서 제외)

정적 로컬 json 파일을 Vue 저장소로 가져오는 중(빌드에서 제외)

로컬 정적 JSON 파일의 데이터를 Vue vuex 저장소에 추가하려고 합니다.

향후 사이트 전체를 재구축하지 않고 언제든지 내용을 변경할 수 있도록 번들 프로세스에서 JSON 파일을 분리해 주었으면 합니다.

내 json 파일[ test . json ]는public폴더

그리고 다음 코드를 사용하여 데이터를 Import할 수 있었습니다만, 아직 사이트 빌드에 번들 되어 있습니다.

import data from '../public/test';

export const state = () => ({
  allData: {}
})

export const mutations = {
  SET_ALL_DATA(state, data) {
    state.allData = data
  }
}

export const actions = {
  nuxtServerInit({ commit }) {
    commit('SET_ALL_DATA', data)
  }
}

또한 웹 서버에서 JSON 파일을 호스팅하고 Axios 호출을 시도했습니다.nuxtServerInit이와 같습니다. 그러나 호스트된 json 파일을 변경하면 내용이 업데이트되지 않기 때문에 호출된 json 파일은 여전히 번들됩니다.

export const actions = {
  async nuxtServerInit ({ commit }, { $axios }) {
    const res = await $axios.$get('https://www.amq.fariskassim.com/testjson/test.json')
    commit('SET_ALL_DATA', res)
  }
}

솔루션이 모두 부족하기 때문에 올바른 방향으로 안내해 주시면 감사하겠습니다.

언급URL : https://stackoverflow.com/questions/61588014/importing-static-local-json-file-to-vue-store-exclude-from-build