vue 后端java返回application/json

要在Vue中使用Java后端返回的application/json数据，你可以使用Vue的Axios库进行网络请求并处理返回的JSON数据。

首先，确保你已经在Vue项目中安装了Axios。你可以使用以下命令进行安装：

npm install axios

安装完成后，在需要使用后端数据的组件中，可以使用以下代码发送GET请求并处理返回的JSON数据：

import axios from 'axios';

export default {
  data() {
    return {
      responseData: null,
      error: null,
    };
  },
  mounted() {
    axios.get('your_backend_url')
      .then(response => {
        this.responseData = response.data;
      })
      .catch(error => {
        this.error = error;
      });
  },
};

在上面的代码中，将'your_backend_url'替换为你的Java后端API的URL。当请求发出并成功返回时，会将返回的JSON数据存储在`responseData`变量中。如果请求失败，错误信息将存储在`error`变量中。

接下来，你可以在组件的模板中使用`responseData`变量中的数据进行渲染。例如，你可以使用`v-for`指令来遍历数据列表：

<template>
  <div>
    <ul>
      <li v-for="item in responseData" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

以上代码假设返回的JSON数据是一个包含对象的数组，每个对象具有`id`和`name`属性。你可以根据你的实际数据结构进行修改和调整。

这样，你就可以从Java后端返回的application/json数据中获取数据，并在Vue中进行处理和展示了。