vue axios异步请求页面不跳转

[braveboyny]

为啥我异步请求的时候
这是router.js

import Vue from 'vue'
import Router from 'vue-router'
import First from '@/components/First'
import About from '@/components/About'

Vue.use(Router)

export default new Router({
  mode:'history',
  routes: [
    {
      path:'/first',
      name:'First',
      component:First
    },
    {
      path:'/',
      name:'About',
      component:About
    }
  ]
})

<template>
  <button @click="sends">发送</button>
</template>

<script>
  export default {
    data(){
          return {name:"About"};
    },
    methods:{
          sends: function(){
            return this.axios.get("/first")
          }
    }
  }
</script>

<style scoped>

</style>

点击发送显示404

[braveboyny]

还有就是 我把 sends 改成 sends: ()=>this.axios.get("/first")点击又没反应

[讨厌走开啦]

路由跳转是this.$router.push("/first")

[scscms太阳光]

被你的想法雷倒我了。
vue里定义的Router是前端路由，而axios属于ajax是请求后端接口用的。你竟然用它来请求前端！
this.axios.get("/first")　表示会请求http://www.xxx.com/first 你的前端肯定不存在这个地址。
前端访问一般是http://www.xxx.com/#/first
在开发时配合webpack是可以变成http://www.xxx.com/first访问，但这都是假地址。前端真实html地址只有index.html