vue路由为什么会有号

Vue路由中为什么会有"#"号？

在Vue中，路由可以使用hash模式和history模式两种模式。其中，hash模式就是在路由中添加"#"号。

为什么会有"#"号呢？这是因为在早期的Web开发中，为了实现前端路由功能，只能通过URL的hash来改变页面状态。hash符号（#）后面的内容称为哈希路径，可以通过window.location.hash来获取。

随着技术的进步，HTML5推出了历史管理API，包括history.pushState()和history.replaceState()方法，这两个方法可以在不重新加载页面的情况下改变URL并修改历史记录。这就诞生了history模式，可以实现无"#"号的前端路由。

Vue中的路由默认采用hash模式，这是因为hash模式在一些老旧的浏览器环境中更加兼容，而且不需要服务器的额外配置。同时，hash模式也有一些优点，比如URL更容易被搜索引擎爬取。

要切换到history模式，只需要在创建Vue实例时定义mode选项为"history"即可。切换到history模式后，就没有"#"号了，URL会更加简洁。

综上所述，Vue路由中有"#"号是因为默认采用了hash模式，通过hash符号来改变页面状态，但也可以选择使用history模式来去掉"#"号。了解了这些，我们就可以根据需求选择合适的模式来进行开发。

Vue 路由中的 "#" 符号是由于 Vue 路由默认使用的是 hash 模式进行页面的跳转和管理，这个符号被称为哈希模式。下面是关于为什么使用哈希模式的几个原因：

1. 支持浏览器后退和前进：使用哈希模式，当用户点击浏览器的后退或前进按钮时，可以直接切换页面而不会重新加载整个页面。这是因为哈希模式中的路径变化只改变 URL 中的哈希部分，不会触发浏览器的页面刷新事件。

2. 兼容性好：哈希模式对浏览器的兼容性最好，几乎所有浏览器都支持。而另一种路由模式——历史模式，需要使用 HTML5 的 History API，在低版本的浏览器中可能不支持。

3. 部署简单：使用哈希模式不需要服务器端的支持，可以直接通过静态文件访问。

4. 避免与后端路由冲突：在一些情况下，前端路由和后端路由可能会冲突，而使用哈希模式可以避免这种冲突。因为哈希模式中的哈希部分不会被发送到服务器端，所以不会干扰后端路由的处理。

5. 方便调试和分享：使用哈希模式的路由，可以方便地查看和分享特定页面的 URL，便于调试和定位问题。

虽然哈希模式有一些局限性，比如 URL 不够友好，无法在服务器端正确处理等问题，但在大多数应用场景下，哈希模式是一个简单有效的路由方式。如果需要更友好的 URL 和服务器端适配，可以使用 Vue 路由的另一种模式——历史模式。

Vue路由中的#号，也被称为hash模式，是为了兼容一些旧版浏览器的路由实现方式。

在HTML5推出之前，浏览器并没有提供一种原生的方式来实现前端路由。因此，早期的前端开发者们通常使用url中的hash来进行路由的控制。例如，url可能会是这样的：http://example.com/#/home。

而在Vue.js中，默认采用的是HTML5的history模式，即没有#号。通过history模式，我们可以使用正常的url路径来实现路由，例如：http://example.com/home。这种方式更加直观和美观。

然而，使用history模式存在一个问题，就是在刷新页面或直接访问某一个路由时，由于后台服务器不会返回正确的页面，会导致页面显示错误。为了解决这个问题，Vue提供了fallback选项。
当检测到不支持history模式时，自动切换到hash模式。

因此，在使用Vue开发时，默认情况下即使没有指定使用hash模式，当发布到生产环境中并部署到不支持HTML5的浏览器上时，Vue会自动切换到hash模式。这就是为什么在Vue路由中会有#号的原因。

需要注意的是，hash模式下的路由，在改变路由时并不会请求服务器，而是在浏览器端通过监听hashchange事件来处理路由变化，这样可以实现单页应用的效果。而history模式下的路由则需要服务器端的正确设置来处理路由请求。