vue SPA渲染前处理

Question

现在有个需求是SPA渲染前需要发一个异步请求，再进行渲染，现在比较挫的方法是：

//main.js

loginInit(
    () => {
        new Vue({
            el: "#app",
            router,
            store,
            render: h => h(App)
        })
    }
);

function loginInit(callback) {
    axios({
            method: "post",
            url: "xxx",
            data: {},
            timeout: 1000,
            responseType: "json"
        })
        .then(response => {
            //一些处理
            callback();
        })
        .catch(error => {
            callback();
        });
}

请问有没有优雅一点的办法？

Answer 1

用脚手架吧，在钩子函数created()里面写请求