今天自己写攻略项目的时候突发奇想弄一个全局的axios的function方便自己使用
不过之前弄的时候并没有了解axios的机制,导致在return了一个 object promise里面卡了一个下午
后面发现只需要.then就好啦。
操作是创建一个js
export default {
install(Vue, options) {
Vue.prototype.ServerDataRequest = function getdata(yourUrl) {
return this.$axios({
method: "post",
url: yourUrl,
}).then((res) => {
console.log("Request is Sucess! RequestMapping is ->\t" + yourUrl)
return res.data
}).catch(error => {
console.log("Request is error! check your server! -> \t" + error);
})
}
}
}
然后在main.js中引用
import requestAllFunction from '@/Function/requestAllFunction'
Vue.use(requestAllFunction); // 定义全局function
最后在vu