微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vue开发中整合axios的文件整理

前言

大家在vue日常开发中,不可避免要整合axios,这里简单记录一下整合中的文件,方便以后使用查找。下面来看看详细的介绍。

整合方法

整合文件axios.js

{ //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 }); }); function plugin(Vue) { if (plugin.installed) { return; } Vue.http = instance; } if (typeof window !== 'undefined' && window.Vue) { window.Vue.use(plugin); } export default plugin;

vue插件使用 app.js

{ 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 中使用:

{ ctx.commit(TypesAds.AD_GET_LIST,data); return data; }).catch(err=> { //统一错误处理 Vue.$message.error(err.msg); }); } }

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐