杏鲍菇的产地,曾钟滔,人民必胜
在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+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论