在vue开发中,不可避免要整合axios,简单记录一下整合中的文件,方便以后使用查找。

整合文件axios.js
import axios from 'axios';
// 适配vue-resource
const instance = axios.create();
instance.interceptors.request.use(config=> {
//Serialize.decode(config);
return config;
});
instance.interceptors.response.use(response=> {
return response.data;
}, err=> {
if (err.response) {
axios.post('/v1/error', err.response);
return Promise.reject(err.response.data);
}
return Promise.reject({ code: 1024, message: err.message });
});
functionplugin(Vue){
if (plugin.installed) {
return;
}
Vue.http = instance;
}
if (typeof window !== 'undefined' && window.Vue) {
window.Vue.use(plugin);
}
export default plugin;
vue插件使用 app.js
import Vue from 'vue';
import App from './App.vue';
import store from './store';
import { sync } from 'vuex-router-sync';
import router from './router';
import * as filters from './filters';
import yxui from 'yxui/dist/yxui.min';
import axios from './axios';
Vue.use(yxui);
Vue.use(axios);
// sync the router with the vuex store.
// this registers `store.state.route`
sync(store, router);
// register global utility filters.
Object.keys(filters).forEach(key=> {
Vue.filter(key, filters[key]);
});
// create the app instance.
// here we inject the router and store to all child components,
// making them available everywhere as `this.$router` and `this.$store`.
const app = new Vue({
router,
store,
...App
});
// expose the app, the router and the store.
// note we not mounting the app here, since bootstrapping will be
// different depending on whether we are in browser or on the server.
export { app, router, store };
在vuex action 中使用:
actions: {
// adList
[TypesAds.AD_GET_LIST](ctx, params){
return Vue.http.get('/v1/api/ads/list', {params}).then(data=> {
ctx.commit(TypesAds.AD_GET_LIST, data);
return data;
}).catch(err=> {
//统一错误处理
Vue.$message.error(err.msg);
});
}
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# vue
# axios
# Vue整合axios
# vue2
# 封装
# vue.js整合vux中的上拉加载下拉刷新实例教程
# Vue和Bootstrap的整合思路详解
# vue.js整合mint-ui里的轮播图实例代码
# Vue整合AdminLTE模板的方法
# 如何把vuejs打包出来的文件整合到springboot里
# Vuex和前端缓存的整合策略详解
# vue axios整合使用全攻略
# Vue开发中整合axios的文件整理
# 详解vue项目首页加载速度优化
# Vue基础学习之项目整合及优化
# 不可避免
# 大家多多
# code
# reject
# functionplugin
# message
# post
# err
# Promise
# error
相关文章:
如何高效利用亚马逊云主机搭建企业网站?
如何通过服务器快速搭建网站?完整步骤解析
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
XML的“混合内容”是什么 怎么用DTD或XSD定义
打鱼网站制作软件,波克捕鱼官方号怎么注册?
常州企业建站如何选择最佳模板?
开封网站制作公司,网络用语开封是什么意思?
建站之星安装模板失败:服务器环境不兼容?
建站主机选哪家性价比最高?
如何选择CMS系统实现快速建站与SEO优化?
如何彻底卸载建站之星软件?
网站微信制作软件,如何制作微信链接?
开心动漫网站制作软件下载,十分开心动画为何停播?
,制作一个手机app网站要多少钱?
简历在线制作网站免费,免费下载个人简历的网站是哪些?
,购物网站怎么盈利呢?
较简单的网站制作软件有哪些,手机版网页制作用什么软件?
平台云上自主建站:模板化设计与智能工具打造高效网站
如何在IIS服务器上快速部署高效网站?
如何在建站之星绑定自定义域名?
重庆市网站制作公司,重庆招聘网站哪个好?
如何用搬瓦工VPS快速搭建个人网站?
微信h5制作网站有哪些,免费微信H5页面制作工具?
如何选购建站域名与空间?自助平台全解析
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
如何配置FTP站点权限与安全设置?
如何在IIS中新建站点并解决端口绑定冲突?
浅析上传头像示例及其注意事项
网站制作哪家好,cc、.co、.cm哪个域名更适合做网站?
如何在Windows环境下新建FTP站点并设置权限?
Swift中循环语句中的转移语句 break 和 continue
详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)
网站制作话术技巧,网站推广做的好怎么话术?
建站之星安装需要哪些步骤及注意事项?
建站之星如何实现网站加密操作?
如何在云虚拟主机上快速搭建个人网站?
如何用好域名打造高点击率的自主建站?
企业网站制作费用多少,企业网站空间一般需要多大,费用是多少?
如何通过FTP服务器快速搭建网站?
建站之星安装后界面空白如何解决?
整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去?
如何在IIS中新建站点并配置端口与物理路径?
如何在七牛云存储上搭建网站并设置自定义域名?
招商网站制作流程,网站招商广告语?
网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?
制作销售网站教学视频,销售网站有哪些?
mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?
如何实现建站之星域名转发设置?
网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱?
c# 服务器GC和工作站GC的区别和设置
*请认真填写需求信息,我们会在24小时内与您取得联系。