vue-cli搭建项目路由配置的问题？

Question

项目结构如图：

路由配置如下：

HellowWorld.vue

<template>
  <div class="hello">
    124
    <router-view></router-view>
  </div>
</template>

global.vue

<template>
  <div class="page">
      <h1>vue全局api</h1>
  </div>
</template>

但页面只有124，没有h1标签

Answer 1

你的子路由页面的url是/HellowWorld/api/global，而页面redirectd到的是/HellowWorld，当然看不到了。

Answer 2

redirect写成 '/HelloWorld' 试下

Answer 3

redirect后面跟的是路径名称，不是组件名称。
改成'/HelloWorld'试试