概述
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封装请求的全部内容，希望文章能够帮你解决Vue封装请求所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复