Question

我正在尝试将本地静态JSON文件中的数据添加到Vue vuex存储中。

我希望将我的JSON文件从捆绑过程中分离出来，以便将来可以随时更改内容，而无需重建整个网站。

我在public文件夹中有我的json文件[test.json]

使用以下代码，我设法导入了数据，但仍将其捆绑在网站的构建中。

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文件托管在Web服务器上，并像这样在nuxtServerInit上对其进行axios调用。但是被调用的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)
  }
}

我全力以赴，所以如果有人能指出正确的方向，我将不胜感激

将静态本地json文件导入Vue商店（从构建中排除）

0 个答案: