vue中点击链接的路由跑到了#前面。

Question

正常，我点击 股票市场 预想出现的是 http://localhost:8080/#/data
可实际出现的是 http://localhost:8080/data#/
因为data出现的位置不对，导致我无法成功路由，应该怎么让他正常显示url?

这是App.vue——就是最开始那个组件

<template>
  <div id="app">
    <navigator></navigator>
    <router-view></router-view>
  </div>
</template>

navigator是另一个组件

<template>
  <div id="navigator">
    <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1"><a href="/data">股票市场</a></el-menu-item>
      <el-menu-item index="2"><a href="/own" >个人股票</a></el-menu-item>
    </el-menu>
  </div>
</template>

index.js文件我也是中规中矩写的

export default new Router({
  routes: [
    {
      path:'/test',
      name:'test',
      component:test
    },
    {
      path:'/data',
      name:'data',
      component:table

    }
  ]
})

Answer 1

既然使用路由 就不要用 a 跳转了，用

<router-link to="/data"></router-link>
<router-link to="/own"></router-link>

Answer 2

用router-link
参考链接

Answer 3

你想用http://a/data而不是http://a#/data把路由模式由hash改成history就行了