vue中使用axios读取项目下的csv数据文件
关于在vue-cli脚架中使用axios读取项目下的数据文件的出现格式错误的解决方法菜鸡的我,第一次使用vue的架构,想要读取工程文件下的数据一开始我是直接这样读的:axios.get(‘文件路径.csv’).then(res => {console.log(res.data);})然鹅,发现读出来的数据竟然不是我想象中的样子,而是一个超级长的字符串……我想可能是axios不...
·
关于在vue-cli脚架中使用axios读取项目下的数据文件的出现格式错误的解决方法
菜鸡的我,第一次使用vue的架构,想要读取工程文件下的数据
一开始我是直接这样读的:
axios.get(‘文件路径.csv’).then(res => {
console.log(res.data);
})
然鹅,发现读出来的数据竟然不是我想象中的样子,而是一个超级长的字符串……我想可能是axios不支持csv格式吧?
于是查阅资料,查到有个叫d3-dsv的东西,可以支持转换成csv文本.
那我们就在工程下引入吧~
首先npm下载d3-dsv
npm install d3-dsv -S
然后在项目中引入
const d3 = require(‘d3-dsv’)
然后使用转码:
axios.get(‘文件路径.csv’).then(res => {
var ret = d3.csvParse(res.data)
console.log(ret);
})
ok~是我想象中的亚子了。。。。
更多推荐
已为社区贡献1条内容
所有评论(0)