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);
})
})
}
1.添加文件axios\api.js
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);
})
}


Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue