-
第一步是引入 axios
import axios from 'axios'
-
赋值地址
const host = 'http://xxx.xxx.xxx/xxx'
export { host }
-
函数
function request (url, method, data, header = {}) {
return new Promise((resolve, reject) => {
// 传送的参数
return axios({
method: method,
url: host + url,
data: data,
header: {
'content-type': 'application/json' // 默认值
}
}).then((res) => {
// 成功回调
resolve(res.data)
}).catch(error => {
// 失败回调
reject(error)
})
})
}
-
调用方法及类型
// get请求
export function get (url, data) {
return request(url, 'GET', data)
}
// post请求
export function post (url, data) {
return request(url, 'POST', data)
}
- 文件上传代码行数封装
本地储存token示例： window.localStorage.setItem('token', token)
function(url, file) {
// token 储存在哪里就在哪里获取
const token = window.localStorage.getItem('token')
return new Promise((resolve, reject) => {
axios({
url: baseUrl + url,
filePath: file.url,
name: 'multipartFile',
header: {
Authorization: `Bearer ${value}`
},
success(res) {
resolve({
...file,
type: '0',
url: JSON.parse(res.data).data.uploadResult
});
},
fail(e) {
reject(e);
}
});
});
}
