我有一个 Vue3/Vite 项目,其中一些数据必须从外部 JSON file.
但是当我构建项目时 - JSON 文件被捆绑。
我需要将 JSON 文件保留在外部。
我尝试过的:
- 第一次尝试
vite.config.ts
export default defineConfig({
optimizeDeps:{
exclude: ['myfile.json'] // then i tried ['**/myfile.json']
},
})
- 第二次尝试
vite.config.ts
assetsInclude: ['**/*.json'],
assetsInlineLimit: 0,
- 第三次尝试
App.vue
let jsonData = import.meta.glob('/public/assets/myfile.json')
我做错了什么 - 有没有一种简单的方法可以将 JSON 文件保留在外部?
Nvm,在Vite中你直接使用fetch
抓取数据而不是import
,即不可能 https://github.com/vitejs/vite/discussions/8242#discussioncomment-4086368 btw.
这个讨论有一个官方答复 https://github.com/vitejs/vite/discussions/8242#discussioncomment-2790559
这就是如何实现你想要的
<script setup>
import { onMounted } from "vue";
onMounted(async () => {
const response = await fetch("/file.json");
const file = await response.json();
console.log("cool file", file);
});
</script>
具有以下结构
file.json
being
{
"name": "bob",
"age": 29
}
并得到以下结果
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)