vue 同一页面发送不同请求

在Vue中，可以通过使用不同的API来发送不同的请求，以达到同一页面发送不同请求的目的。

首先，可以使用Vue的$http模块（axios）进行网络请求。可以在Vue组件的方法中使用这个模块，根据需要发送不同的请求。例如，可以通过在Vue组件中的方法中调用不同的API来发送GET、POST、PUT、DELETE等不同类型的请求。

在Vue组件中，可以使用created钩子函数，在组件实例被创建之后立即调用发送请求的方法。通过在不同的请求方法中配置不同的API地址、参数等，就可以发送不同的请求。

例如：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  created() {
    this.getUserInfo();
    this.getPosts();
    this.getProductDetails();
  },
  methods: {
    getUserInfo() {
      // 使用$http模块发送获取用户信息的请求
      this.$http.get('/api/user')
        .then(response => {
          // 处理返回的用户信息数据
        })
        .catch(error => {
          // 处理错误情况
        });
    },
    getPosts() {
      // 使用$http模块发送获取帖子列表的请求
      this.$http.get('/api/posts')
        .then(response => {
          // 处理返回的帖子列表数据
        })
        .catch(error => {
          // 处理错误情况
        });
    },
    getProductDetails() {
      // 使用$http模块发送获取产品详情的请求
      this.$http.get('/api/products/123')
        .then(response => {
          // 处理返回的产品详情数据
        })
        .catch(error => {
          // 处理错误情况
        });
    },
  }
}
</script>

通过在created钩子函数中调用不同的请求方法，可以在同一页面中发送不同的请求，然后在成功回调中处理返回的数据，或在错误回调中处理错误情况。根据实际需求，可以在组件中定义不同的方法，并在created钩子函数中调用这些方法来发送不同的请求。