如何在vue项目中直接读取本地excel文件中的数据

1.安装并在使用的界面引入XLSX

npm install xlsx

//demo.vue界面
<script>
import XLSX from 'xlsx'
</script>

2.获取本地文件信息，因为xlsx是后端访问的，所以需要用aixos请求去得到获取后的数据

其中url是本地文件路径，放在public中 url:/demo.xlsx

readExcelFile(url) {
      Axios.get(url,{responseType:'arraybuffer'})
      .then((res)=>{
        let data = new Uint8Array(res.data)
        let wb = XLSX.read(data, {type:"array"})
        let sheets = wb.Sheets // 获取文档数据
        this.content = this.transformSheets(sheets)
      }).catch( err =>{
        this.err = err
      })
    },
transformSheets(sheets){
      let content1 = []
      let tmplist = []
      for (let key in sheets){
        //读出来的workbook数据很难读,转换为json格式,参考https://github.com/SheetJS/js-xlsx#utility-functions
        tmplist.push(XLSX.utils.sheet_to_json(sheets[key]).length)
        content1.push(XLSX.utils.sheet_to_json(sheets[key]))
      }
      console.log(tmplist)
      console.log(content1)
    }