我应该如何以及在哪里将CSV数据文件保存在nuxt.js项目中,以便在页面/模板上轻松呈现CSV数据?

我应该如何以及在哪里将CSV数据文件保存在nuxt.js项目中,以便在页面/模板上轻松呈现CSV数据?,csv,vue.js,nuxt.js,Csv,Vue.js,Nuxt.js,我有一个项目,它的内容是 alok@alok-HP-Laptop-14s-cr1xxx:~/tmp/portfolio$ tree -L 1 . ├── assets ├── components ├── layouts ├── middleware ├── node_modules ├── nuxt.config.js ├── package.json ├── package-lock.json ├── pages ├── plugins ├── README.md ├── static └─

我有一个项目,它的内容是

alok@alok-HP-Laptop-14s-cr1xxx:~/tmp/portfolio$ tree -L 1
.
├── assets
├── components
├── layouts
├── middleware
├── node_modules
├── nuxt.config.js
├── package.json
├── package-lock.json
├── pages
├── plugins
├── README.md
├── static
└── store

9 directories, 4 files
这是一个非常好的结构,如上所述


我想在页面/模板的表格中显示一些数据。那么,我应该如何以及在哪里保存我的这个CSV数据文件,以便在模板/页面中轻松访问和呈现

这实际上取决于您的数据、设置和经验

如果您的数据没有经常更改,并且您愿意在每次更改时构建和部署应用程序,那么您可以做的最简单的事情就是直接从JavaScript转换并
包含myData.json中的myData(并将其保存在与组件相同的文件夹中)

  • 数据将按应用程序包的一部分显示(如果只有几行就可以了)
  • 适用于静态站点(
    nuxt generate
    )或nuxt的SPA模式(不需要服务器端的节点,因此可以托管在Netlify等平台上)
  • 简单的
另一个选择是放入
static
文件夹中,但您需要在运行时使用Ajax(例如Axios)将其下载到正在运行的应用程序中。你可以找到例子

  • 更复杂
  • 无需构建整个应用程序即可更新数据(只需上传单个文件)
即使在第二种情况下,我也认为最好只解析一次,然后将其转换为JavaScript可以轻松读取的内容(如JSON),并保持这种方式,而不是每次有人使用您的站点时都在运行时进行解析