请问如何通过vue-router获取后台的数据？

Question

Vue小白，正在尝试做一个SPA页面，遇到一个问题看了搜索了很多资料无法解决，来这边请求各位前辈的意见。

请问vue-router可以直接获取后台数据吗？应该怎样操作呢？如果不行的话是否通过vue-resourse获取，然后在放到vue-router?如果是的话?️应该怎样操作？不胜感激！！

以下是我的代码，不知道思路对不对
后台接口是'/home'，尝试从vue-router获取vue-resource得到的资料

var home = {
        template:'<h3>这是一个模版</h3>'

      };

      const router = new VueRouter({
        routes:[
          {path:'/home',component:home}
        ]
      })

      new Vue({
        el:'#app',
        router,
        dataGroup:[],
        methods:{
          renderArticle(url){
            this.$http.get(url,{

            }).then((res)=>{
              this.dataGroup = res.data;
            },(res)=>{
              alert(res.status)
            })
          }
        },
        created(){
          this.renderArticle('/home')
        }
      })

Answer 1

vue-router是路由，可以理解是页面的url，不是你获取后台数据的url，
要区分开他们的关系，
vue-resourse，官方似乎已经放弃维护了，建议用axios，

Answer 2

使用axios来获取吧，为什么要用vue-router来获取数据呢（没见过这种用法）？

Answer 3

首先你需要启动一个服务，然后url要写绝对地址，看下这个手动搭建单页面前后端：
https://segmentfault.com/a/11...