利用vue+axios开发officeweb的前后端传值问题？

Question

问题描述

最近想用vue+axios开发officeweb的外接加载项，用微软提供的接口可以用js操作工作表，但是也仅仅是停留在前端写死的层面，无法动态从后台获取数据；而且如果要实现从工作表读取数据传给后台的时候后台接收不到任何数据，而且页面实际是在excel客户端的，也不能用F12进行调试前端是不是正常传值（照目前来看应该是前端没发送成功）。vue+axios+office(excel)formac2016+springboot

问题出现的环境背景及自己尝试过哪些方法

目前能保证的是后台做了普通的跨域处理，普通的ajax传值是能接收到的，但是

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

import axios from 'axios'
export default {
name: 'App',
data () {

return {
  data: [],
  color: ''
}

},
mounted: {

sendData (data) {
  axios.post('http://localhost:8081/test', data).then(res => {}).catch(err => {
    console.log(err)
  })
}

},
methods: {

onSetColor () {
  window.Excel.run(async (context) => {
    const range = context.workbook.getSelectedRange()
    range.load('values')
    range.load('address')
    range.load('formulas')
    range.load('text')
    await context.sync().then(() => {
      this.content = {
        values: range.values,
        address: range.address,
        formulas: range.formulas,
        text: range.text
      }
      this.sendData(this.content)
    })
  })
}

}
}

你期待的结果是什么？实际看到的错误信息又是什么？

期望是能通过操作excel的task panel与后台交互动态传递excel的数据