转载文章,如有侵权,请私聊马上删除!
1、安装
npm install axios
2、将3步骤的模块挂载在main.js上
import axios from './api'
Vue.prototype.$axios = axios
3、在src下创建目录api,结构如下
在index.js配置axios
import axios from 'axios'
axios.defaults.timeout = 3600000 // 响应时间
axios.defaults.baseURL = 'http://localhost:8080/oa' // 配置接口地址
axios.defaults.withCredentials = true // 开启缓存
var common = axios.create({
headers: {'Content-Type': 'application/json;charset=UTF-8'} // 配置请求头
})
var from = axios.create({
headers: {'Content-Type': 'multipart/form-data'} // 配置请求头
})
// 返回一个Promise(发送post请求)
export function formPost (url, params) {
return new Promise((resolve, reject) => {
from.post(url, params)
.then(response => {
resolve(response)
}, err => {
reject(err)
})
.catch((error) => {
reject(error)
})
})
}
// 返回一个Promise(发送post请求)
export function fetchPost (url, params) {
return new Promise((resolve, reject) => {
params = JSON.stringify(params)
common.post(url, params)
.then(response => {
resolve(response)
}, err => {
reject(err)
})
.catch((error) => {
reject(error)
})
})
}
/// /返回一个Promise(发送get请求)
export function fetchGet (url, param) {
return new Promise((resolve, reject) => {
common.get(url, {params: param})
.then(response => {
resolve(response)
}, err => {
reject(err)
})
.catch((error) => {
reject(error)
})
})
}
export function post (url, params) {
params = JSON.stringify(params)
common.post(url, params)
.then(response => {
return response
}, err => {
return err
})
.catch((error) => {
return error
})
}
export default {
fetchPost,
fetchGet,
post,
formPost
}
————————————————
版权声明:本文为CSDN博主「干掉熊猫我就是国宝++」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/water_hope/article/details/103732522