一. 在src 目录下创建request 文件夹,然后在里面新建http.js和api.js文件,http.js 用于封装 axios,api.js用来统一管理我们的接口。
安装 npm i axios --save
在http.js 引入 import axios from 'axios'
设置环境和请求
环境 axios.defaults.baseURL ='http://xxx.xxx.xxx:xxxx/'; // 要请求的后台地址
请求超时 axios.defaults.timeout =30000;
post 请求头 axios.defaults.headers.post['Content-Type'] ='application/json';
接下来是get/post封装
/**
* get方法,对应get请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
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方法,对应post请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/