axios封装get和post请求

以下是axios封装get和post请求的例子：

封装get请求
export const get = (url, params) => {
return new Promise((resolve, reject) => {
axios.get(url, { params }).then(res => {
resolve(res.data);
}).catch(err => {
reject(err.data);
});
});
};
登录后复制

封装post请求
export const post = (url, params) => {
return new Promise((resolve, reject) => {
axios.post(url, QS.stringify(params)).then(res => {
resolve(res.data);
}).catch(err => {
reject(err.data);
});
});
};
登录后复制

相关问题

axios封装 get post 请求

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

封装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)
})
})
}
登录后复制

封装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 封装例子，只要在该基础上继续扩展，即可满足个人或者团队的需求。

请用node.js 结合 axios封装get,post请求，传参url，及data,设置cookie

好的，下面是封装get和post请求并设置cookie的示例代码：
const axios = require('axios');

const instance = axios.create({
baseURL: 'https://example.com',
timeout: 5000,
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
});

instance.defaults.headers.common['Cookie'] = `cookieName=cookieValue`;

// 封装 GET 请求
function get(url, params) {
return instance.get(url, { params });
}

// 封装 POST 请求
function post(url, data) {
return instance.post(url, data);
}

// 使用封装的 GET 请求
get('/api/data', { id: 123 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});

// 使用封装的 POST 请求
post('/api/data', { name: 'John', age: 30 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
登录后复制
在上面的代码中，我们首先通过 axios.create() 方法创建了一个 axios 实例 instance，然后在实例的 defaults.headers.common 中设置了要发送的 cookie。接着我们封装了 get() 和 post() 方法，这两个方法分别用于发送 GET 和 POST 请求，并且都接受一个 URL 和数据参数。在这两个方法中，我们分别使用了 instance.get() 和 instance.post() 方法发送请求，同时将传入的参数作为 params 或 data 选项传递给这两个方法。最后，我们可以使用封装的 get() 和 post() 方法来发送请求，获取服务器返回的数据。如果请求发生了错误，我们可以通过 catch() 方法获取到错误信息。