vue利用a标签跳转页面 出现 `http://xxxxxx/about#/about` 问题原因和解决方法

START

1.问题

1.1 编写的代码:

我是a标签，点击我跳转到关于页面

1.2 问题描述

2.问题分析与解决

1. 背景我说一下，首先我们知道vue单页面应用，有两种路由模式。一个叫hash，一个叫history。不清楚路由模式可以看我写的博客：我想理解 hash history 两种前端路由。

2. 跳转前的路径存在#号，可以很明显的得知，当前的项目的路由模式是使用的hash模式。

3. 我们一般路由跳转，创建的例如 About,其实底层就是a标签。

模式代码页面展示historyAboutAbouthashAboutAbout

解决答案：
写到这里答案就呼之欲出了，其实本质也是利用a标签切换路由的，我们写原生的a标签也是没问题的.但是我们a标签的路径需要和我们路由模式匹配。

xxxx可替换为你想要跳转的路径

其他

a标签基本介绍

首先看看我们的a标签的W3C基本介绍：

href属性可以设置的URL:

END