json - 将静态本地 json 文件导入 Vue 存储(从构建中排除)
问题描述
我正在尝试将本地静态 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)
}
}
我完全没有解决方案,所以如果有人能指出我正确的方向,我将不胜感激
解决方案
推荐阅读
- google-apps-script - Google App Script 中用于提示的自定义按钮
- typescript - 对象打字稿中的条件类型
- python - 在 Numpy 中“矢量化”大量矩阵运算的最快方法是什么?
- javascript - 无法从流中获取数据
- php - 视频文件转换为 .mp4 后不显示
- javascript - 棱镜中的查询
- python - 在 pandas_udf pyspark 中实现 python 函数,在非常大的数据上运行
- excel - 如何选择比较两个不同的 excel 列的唯一值?
- python - 将 django-microsoft-auth 用于 Azure AD 的 SSO 时出现 AADSTS90102 错误
- google-cloud-platform - 将文件从 VM 复制到 GCP 上的云存储桶