Vue封装请求
import axios from 'axios';import qs from 'qs';// axios 配置axios.defaults.timeout = 5000;axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';axios.defaults.wi
·
import axios from 'axios';
import qs from 'qs';
// axios 配置
axios. defaults. timeout = 5000;
axios. defaults. headers. post[ 'Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
axios. defaults. withCredentials = true;
//Axios实现请求重试
axios. defaults. retry = 1; //重试次数
axios. defaults. retryDelay = 1000; //重试延时
axios. defaults. shouldRetry = ( error) => true; //重试条件，默认只要是错误都需要重试
/* 封装get方法*/
export function get( url, params={}){
return new Promise(( resolve, reject) =>{
axios. get( url,{
params:params
}). then( response =>{
resolve( response. data);
}). catch( err =>{
reject( err);
})
})
}
/* 封装post方法 */
export function post( url, data={}){
return new Promise(( resolve, reject) =>{
axios. post( url, data). then( response =>{
resolve( response. data);
}). catch( err =>{
reject( err);
})
})
}
2.在main.js中引入
import {get , post} from './axios/api';
Vue. prototype. $get = get;
Vue. prototype. $post = post;
3.使用
created(){
this. $get( '/api/light'). then( res =>{
console. log( res);
})
}
Vue社区为您提供最前沿的新闻资讯和知识内容
更多推荐
3
0- 0
已为社区贡献6条内容
所有评论(0)