vue通过axios与后端交互（笔记）

 前端代码（示例）：最后数据都存入index数组中

首先：在main.js文件中写入如下语句：

import axios from 'axios'
import VueAxios from 'vue-axios'


Vue.prototype.axios=axios;
Vue.use(VueAxios, axios);

其次：在需要的地方导入axios、在需要post数据的时候，导入qs。（其实我没有用到qs，不知道，只是借鉴大佬的经验，写在这儿）如下：

import axios from 'axios'
import qs from 'qs'

最后：get后端json数据 

    const index = []
    const url = 'http://localhost:8080/......'
    axios.get(url).then((response) => {
      const describeDataForm = response.data[0].describeDataForm
      const optionsDataForm = response.data[0].optionsDataForm

      for (var i = 0; i < describeDataForm.length; ++i) {
        const dataFrom = {key: i + 1, label: describeDataForm[i], alternatives: optionsDataForm[i]}
        console.log(dataFrom)
        index.push(dataFrom)
      }
    })

后端控制层代码（截取示例）：

@ResponseBody
@RequestMapping(value = "/toSuperDataFormPage", method = RequestMethod.GET,produces="text/html;charset=UTF-8")//解决中文字符乱码
private String toDataFormPage(HttpServ