axios 判断是get请求还是post

在 axios 中，可以通过请求配置对象的 `method` 属性来指定请求方法，如果是 `get` 请求，可以在请求配置对象中设置 `params` 属性来传递参数；如果是 `post` 请求，则可以在请求配置对象中设置 `data` 属性来传递参数。

以下是一个示例代码，可以根据请求配置对象的 `method` 属性来判断请求方法是 `get` 还是 `post`：

axios({
  url: '/api',
  method: 'post',
  data: {
    name: 'John',
    age: 20
  },
  params: {
    id: 123
  }
}).then(response => {
  if (response.config.method === 'get') {
    console.log('This is a GET request');
  } else if (response.config.method === 'post') {
    console.log('This is a POST request');
  }
}).catch(error => {
  console.log(error);
});

在上面的代码中，我们通过 `response.config.method` 属性来获取请求方法，并根据该属性的值来判断请求是 `get` 还是 `post`。

相关问题

axios封装 get post 请求

### 回答1：
axios是一个基于Promise的HTTP客户端，可以用于浏览器和Node.js。它可以用于发送GET、POST等请求，并且可以拦截请求和响应，方便进行统一处理。

下面是axios封装get和post请求的示例：

1. 封装get请求

import axios from 'axios'

export function get(url, params) {
  return new Promise((resolve, reject) => {
    axios.get(url, {
      params: params
    }).then(res => {
      resolve(res.data)
    }).catch(err => {
      reject(err.data)
    })
  })
}

2. 封装post请求

import axios from 'axios'

export function post(url, params) {
  return new Promise((resolve, reject) => {
    axios.post(url, params)
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}

以上是axios封装get和post请求的示例，可以根据实际需求进行修改和扩展。

### 回答2：
axios是一个基于promise的HTTP请求客户端，简单而强大。它可以在浏览器和node.js中使用，并使用了喜闻乐见的API。因此，很多前端开发人员都很喜欢使用axios进行数据交互。

但是，我们在使用axios进行数据请求时，有时候因为各种原因，我们会需要对axios进行一些封装，方便我们更好地使用。下面我们将介绍如何对axios进行封装。

首先需要安装axios依赖包，可以使用npm命令进行安装。

npm install axios --save

接着，在我们需要使用axios的文件中引入模块：

import axios from 'axios';

然后，我们可以对axios进行封装，例如：

// 封装GET请求
export function getRequest(url, data = {}) {
  return new Promise((resolve, reject) => {
    axios
      .get(url, {
        params: data
      })
      .then(response => {
        resolve(response.data);
      })
      .catch(error => {
        reject(error);
      });
  });
}

在上面的代码中，我们使用Promise进行封装，将GET请求的url和参数作为函数的参数传入。在getRequest函数中，我们调用axios的get方法，并将请求返回的数据放在response中，最后通过resolve方法将获取到的数据返回。

同样地，我们也可以对axios进行POST请求的封装：

// 封装POST请求
export function postRequest(url, data = {}) {
  return new Promise((resolve, reject) => {
    axios
      .post(url, data)
      .then(response => {
        resolve(response.data);
      })
      .catch(error => {
        reject(error);
      });
  });
}

在上面的代码中，我们同样使用Promise进行封装，并将POST请求需要的参数放在data中，然后通过调用axios的post方法进行发送请求，并将返回的数据放在response中，最后通过resolve方法将获取到的数据返回。

这样，我们就可以方便地使用封装好的axios函数进行数据请求。值得注意的是，在使用axios的时候，需要处理异常情况，例如请求失败、网络异常等情况，这些异常情况也需要进行处理。并且，我们还可以对axios进行更加复杂的封装，例如添加拦截器、处理请求头等操作，以实现更复杂的需求。

### 回答3：
Axios 是一种流行的基于 Promise 的 JavaScript HTTP 客户端，可以在浏览器和 Node.js 环境中使用。它允许我们以简洁的方式处理 HTTP 请求和响应数据，并使用拦截器对请求和响应进行全局处理。

在项目中使用 Axios 时，为了避免重复编写相同的代码，我们可以封装一个函数来处理 Get 和 Post 请求。以下是一个 Axios 封装函数的示例：

import axios from 'axios';

const request = function(config) {
  const { method, url, data } = config;

  // 创建 Axios 实例
  const instance = axios.create({
    baseURL: 'http://localhost:3000', // 服务端地址
    timeout: 5000,                    // 请求超时时间
  });

  // 添加请求拦截器
  instance.interceptors.request.use(config => {
    console.log('请求拦截器', config);

    // TODO: 添加 token 等请求头

    return config;
  }, error => {
    console.error('请求拦截器错误', error);
    return Promise.reject(error);
  });

  // 添加响应拦截器
  instance.interceptors.response.use(response => {
    console.log('响应拦截器', response);

    // TODO: 处理公共错误码

    return response.data;
  }, error => {
    console.error('响应拦截器错误', error);
    return Promise.reject(error);
  });

  // 发送 Axios 请求
  if (method === 'get') {
    // 处理 Get 请求
    return instance.get(url, {
      params: data,   // URL 参数
    });
  } else if (method === 'post') {
    // 处理 Post 请求
    return instance.post(url, data);
  }
}

export default request;

在上面的代码中，我们首先导入了 Axios 并创建了一个 request 函数。该函数接收一个 config 参数，其中包含以下三个属性：

- method: 请求方法，包括 GET、POST、PUT、DELETE 等。
- url: 请求地址。
- data: 请求数据，只有在 POST、PUT 等方法中才会用到。

接下来，我们创建了一个 Axios 实例，并将 baseURL 设置为服务端地址，在请求超时时间设置为 5000 毫秒。

然后，我们添加了请求拦截器和响应拦截器。请求拦截器的作用是在发送请求前做一些处理，例如设置请求头部信息，响应拦截器的作用是在接收到响应后做一些处理，例如根据公共错误码进行处理。

最后，我们根据请求方法使用 Axios 实例发送请求，并返回 Promise。对于 Get 请求，我们通过使用 instance.get 方法将 params 参数作为 URL 参数进行发送；对于 Post 请求，我们通过使用 instance.post 方法将数据直接进行发送。

在应用中使用封装好的 Axios 函数非常简单。只需导入该模块并调用 request 函数，传递你需要的配置项即可：

import request from './request';

request({
  method: 'get',
  url: '/api/user',
  data: {
    name: 'jane',
    age: 18,
  }
}).then(data => {
  console.log('请求成功', data);
}).catch(error => {
  console.error('请求失败', error);
});

以上就是一个简单的 Axios 封装例子，只要在该基础上继续扩展，即可满足个人或者团队的需求。

vue axios get请求 跟post请求一致

vue的axios库提供了很多对于发送HTTP请求的方法，其中包括get和post请求。虽然它们在用法上有一些细微的区别，但它们都可以用来向服务器发送请求，获取响应数据。

首先，无论是get请求还是post请求，我们都需要引入axios库并创建一个axios实例。然后我们可以使用该实例来发送请求。不论是get请求还是post请求，我们都需要提供一个URL作为请求的目标地址。

在get请求中，我们可以将参数作为URL的一部分，参数可以通过params选项进行设置。例如，我们可以使用params选项传递一些查询参数。

axios.get('/api/user', {
  params: {
    id: 1
  }
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

在post请求中，我们需要使用data选项将要发送的数据传递给服务器。例如，我们可以使用data选项将一个JavaScript对象发送给服务器。

axios.post('/api/user', {
  id: 1,
  name: 'John'
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

无论是get请求还是post请求，我们都可以使用then方法来处理成功的响应，并使用catch方法来处理错误的响应。

总的来说，对于vue中的axios库来说，get请求和post请求在用法上是相似的。它们都需要一个URL作为请求的目标地址，并可以使用params或data选项来传递参数。区别主要在于get请求将参数作为URL的一部分，而post请求将参数放在请求体中。