vue-axios当只调用vue.js又需要axios请求多时
可以将axios方法封装一个函数
(function () {
ASK = {
get:function (url,data,succFun,errFun) {
axios.get(url,{
params:data,
headers:{
"token":""
}
})
.then(function (response) {
if(response.data.code=='200'){
if (succFun){
succFun(response.data);
}
}else if(response.data.code=='401'){
alter('请求超时,请重新登录')
window.location.href='login.html'
}else{
console.log(response.data)
}
})
.catch(function (error) {
if (errFun){
errFun(error);
}
});
},
post:function (url,data,succFun,errFun) {
axios.post(url,data,{
headers:{
"token":"",
'Content-Type':'application/x-www-form-urlencoded'
}
})
.then(function (response) {
if(response.data.code=='200'){
if (succFun){
succFun(response.data);
}
}else if(response.data.code=='401'){
alter('请求超时,请重新登录')
window.location.href='login.html'
}else{
console.log(response.data)
}
})
.catch(function (error) {
if (errFun){
errFun(error);
}
});
},
other:function (url,requestType,data,succFun,errFun) {
axios({
method: requestType,
url: url,
data: data,
headers:{
"token":""
}
}).then(function (response) {
console.log(response);
if (succFun){
succFun(response.data);
}
}).catch(function (error) {
console.log(error);
if (errFun){
errFun(error);
}
})
}
};
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
/**
* 请求之前操作:success
*/
return config;
}, function (error) {
/**
* 请求之前操作:failure
*/
return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
/**
* 响应之前操作:success
*/
return response;
}, function (error) {
/**
* 响应之前操作:failure
*/
return Promise.reject(error);
});
})(axios);
调用时
ASK.get(CDK.host+'/cdk/company/findList',{
"pageNum":this.pageNum,
"pageSize":this.pageSize
},(res)=>{
console.log(res.obj)
},(err)=>{
console.log(err)
})
vue-axios当只调用vue.js又需要axios请求多时的更多相关文章
- iOS 或者Android调用vue.js 里面的方法
1.原生调用vue.js 某个vue组件下的方法. 比如**.vue里面有个这样的方法: 如果这样的话,在iOS或者Android里面是调用不了这个ajax方法的. 需要在**.vue (我的版本是v ...
- vue使用案例,vue初始化,vue初始化方法,vue条件语句,vue在js里面添加元素调用vue方法
<div id="main" > <button id='but1' type="button" v-on:click="save ...
- vue中配置axios.js文件,发送请求
为了统一管理请求,每个项目都会去配置axios:而不是在vue中直接使用,那样不好维护等等 下面是我配置的最基础的axios文件 第一步:首先新建一个axios文件,我是放在router文件下的 im ...
- js和vue方法的相互调用(iframe父子页面的方法相互调用)。
项目是前后端不分离的,模板引擎使用的JSP. 但是使用了Vue+ElementUI,这里列举一些常用的调用方式,有时候可能. 在js里调用vue方法 我们需要把方法注册到vue对象之外的页面,所以对与 ...
- Vue项目中使用基于Vue.js的移动组件库cube-ui
cube-ui 是滴滴公司的技术团队基于 Vue.js 实现的精致移动端组件库.很赞,基本场景是够用了,感谢开源!感谢默默奉献的你们. 刚爬完坑,就来总结啦!!希望对需要的朋友有小小的帮助. (一)创 ...
- vue之注册自定义的全局js方法
前端开发的时候,总会需要写一些js方法,在vue框架中为了方便使用,可以考虑注册一个全局的js方法,下面是注册步骤: 1.0 可以在assets文件中的js文件下面新建一个js文件,如:yun.js- ...
- vue axios接口封装、Promise封装、简单的axios方法封装、vue接口方法封装、vue post、get、patch、put方法封装
相信大家在做前后端数据交互的时候都会给请求做一些简单的封装就像之前封装ajax方法一样axios的封装也是一样的简单下面这个就是封装的axios的方法,require.js import axios ...
- 基于Vue.js PC桌面端弹出框组件|vue自定义弹层组件|vue模态框
vue.js构建的轻量级PC网页端交互式弹层组件VLayer. 前段时间有分享过一个vue移动端弹窗组件,今天给大家分享一个最近开发的vue pc端弹出层组件. VLayer 一款集Alert.Dia ...
- html中创建并调用vue组件的几种方法
最近在写项目的时候,总是遇到在html中使用vue.js的情况,且页面逻辑较多,之前的项目经验都是使用脚手架等已有的项目架构,使用.vue文件完成组价注册,及组件之间的调用,还没有过在html中创建组 ...
随机推荐
- c++进制数转换
QString result; ]; sprintf(buffer, "0x%x", modelId); return result = buffer;
- 跟我一起认识axure(二)
创建企业网站页面步骤 第一步修改这里 变成 第一部分就完成了 第二部分部件窗口 在Axure中设计页面像小时候玩的拼图游戏,那么部件窗口就是专门用来存放拼图块的容器 使用部件窗口中常用的部件设计欢迎页 ...
- Effective Modern C++:01类型推导
C++的官方钦定版本,都是以ISO标准被接受的年份命名,分别是C++98,C++03,C++11,C++14,C++17,C++20等.C++11及其后续版本统称为Modern C++. C++11之 ...
- Python发送邮件(带附件的)
有时候做自动化测试任务,任务完成后,需要将结果自动发送一封邮件,这里用到smtplib模块,直接导入就行,这里以163邮箱为例,需要用到授权码,我用类写一下: 如果是发送qq邮箱,要将smtp 改成s ...
- java8 各种时间转换方法
java8 各种时间转换方法 本来按照常理日期时间是一个很简单的东西,只需要根据一个时间戳就可以算出当前的时间了.但这其实只是初级的想法,是因为你的项目还没有到跨时区部署的程度,一旦你的项目要部署到其 ...
- spring boot 2.X上传文件限制大小
Spring Boot 1.3.x multipart.maxFileSize multipart.maxRequestSize Spring Boot 1.4.x and 1.5.x spring. ...
- 使用 Markdown Flow 画流程图
使用 Markdown Flow 画流程图 好处是可以方便的使用 Git 管理版本 st=>start: 开始 e=>end: 结束 c1=>condition: A c2=> ...
- jQuery show hide方法 二级菜单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Mac Duet使用教程
简介 Ex-Apple Engineers turn your iPad into an extra display. 下载地址 Mac duet for Mac iPad duet for iPad ...
- Android学习:导入工程时报错The import android cannot be resolved
今天在导入别人的工程时,出现了一个这个问题The import android cannot be resolved 就是找不到import android.support.v7.app.Action ...