后端数据 如何交给前端 axios

在使用axios获取后端数据时，后端需要把数据以某种格式返回给前端，常用的有JSON和XML格式。以下是使用JSON格式返回数据的示例：

后端代码（Java Servlet）：

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 获取需要返回的数据
    List<String> data = getData();
    // 把数据转换成JSON格式
    String jsonData = new Gson().toJson(data);
    // 设置返回数据的类型为JSON
    response.setContentType("application/json");
    // 把JSON数据写入响应中
    response.getWriter().write(jsonData);
}

前端代码（Vue组件）：

import axios from 'axios'

export default {
  data() {
    return {
      items: []
    }
  },
  mounted() {
    axios.get('/api/data').then(response => {
      // 把接收到的JSON数据转换成JavaScript对象
      this.items = JSON.parse(response.data)
    })
  }
}

在这个例子中，后端把数据以JSON格式返回给前端，前端使用axios发送GET请求，接收到后端返回的JSON数据后，使用`JSON.parse()`函数把JSON字符串转换成JavaScript对象，再把数据存储到Vue组件的data属性中。最终，Vue组件可以使用`v-for`指令来渲染这些数据。

使用XML格式返回数据的方法与此类似，只是后端需要使用XML解析器来把数据转换成XML格式，并设置返回数据的类型为`application/xml`。前端需要使用XML解析器来解析接收到的XML数据。