使用NUXT.js从资产中的JSON文件加载数据

json Vue.js

卡卡西米亚

2020-03-24

假设我assets/data/geo/regions.json在NUXT.js项目文件夹结构中有文件。如何将数据从该文件读取到我的项目中？

我已经尝试过axios，但是我不知道该文件将使用哪个URL，我已经尝试了所有可能的URL。有什么更好的解决方案？也许将JSON文件保存在static文件夹中更好？

谢谢！

第3226篇《使用NUXT.js从资产中的JSON文件加载数据》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
前端JinJin 2020.03.24

如果您打算在循环中加载数据，则可能需要使用“ require”而不是“ import”。

jsons = ["json_one","json_two"]
jsons_readed = []

// In the loop
file = require(`./assets/data/geo/${jsons[i]}`)
jsons_readed.push(file)

然后，我认为您可以使用jsons_readed访问对象。

Eva猿 2020.03.24

如果regions.json文件不会更改，则可以轻松地将其放在static文件夹中。然后该网址将是在nuxt问题页面上/data/geo/regions.json 查看此问题

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android