vue3 如何配置请求本地 json 数据
1. 创建一个 JSON 文件,例如 `data.json`,并将其放置在 `public` 目录下。在 `public` 目录中的文件可以直接在浏览器中访问,无需经过编译。2. 在组件中使用 `fetch` 或 `axios` 等库来获取 JSON 数据。
·
在 Vue3 中请求本地 JSON 数据可以通过以下步骤实现:
1. 创建一个 JSON 文件,例如 `data.json`,并将其放置在 `public` 目录下。在 `public` 目录中的文件可以直接在浏览器中访问,无需经过编译。
2. 在组件中使用 `fetch` 或 `axios` 等库来获取 JSON 数据。这里以 `fetch` 库为例:
const data = reactive({
data: '',
})
onMounted(() => {
fetch("/ProtocolRS.json")
.then((response) => response.json())
.then((res) => {
data.datas = res;
});
})
更多推荐
已为社区贡献2条内容
所有评论(0)