vue定义一个全局function用于axios的数据获取

今天自己写攻略项目的时候突发奇想弄一个全局的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

最后在vue页面只需要这样就好啦

this.ServerDataRequest("/reprint").then((res)=>{this.Reprint = res})

 至少看上去很整洁鹅鹅鹅 

 

控制台效果。 

大佬们轻点喷