mpvue的使用，包含axios、router的集成等完美结合小程序
mpvue开发微信小程序框架的使用注意事项：
1、路由跳转，引用mpvue-router-patch
在main.js文件中引入控件：import MpvueRouterPatch from 'mpvue-router-patch'
Vue.use(MpvueRouterPatch);
2、axios的配置注意事项
axios.defaults.adapter = function (config) {
return new Promise((resolve, reject) => {
let param = [];
for (let o in config.params) {
param.push(`${o}=${config.params[o]}`);
}
let wxconfig = {
url: param.length !== 0 ? (config.url + '?' + param.join('&').toString()) : config.url,
method: config.method,
data: config.data,
header: config.headers,
success: function (res) {
resolve(res)
},
fail: function (res) {
reject(res);
}
}
let requestTask = wx.request(wxconfig);
})
}
//HTTPrequest拦截
axios.interceptors.request.use(config => {
if (config.headers.loading != false) {
wx.showLoading({
title: '正在加载中',
mask: true
})
}
const token = store.state.token;
//带入自定义的token标志
if (token) {
config.headers['X-Access-Token'] = token
}
return config
}, error => {
return Promise.reject(error)
})
