vue里默认的路由模式是什么

Vue默认的路由模式是哈希模式（hash mode）。在哈希模式下，URL中包含一个特殊的哈希符号（#），后面跟着一个路由路径。例如，一个典型的哈希模式的URL如下所示：

http://example.com/#/home

在哈希模式下，当浏览器发送请求时，实际上只会请求服务器上的一个统一资源定位符（URL），这个URL是一个没有路径的基本URL。然后，浏览器通过JavaScript将哈希符号后面的内容提取出来，并将其作为客户端内部的路由，进而渲染相应的页面。

哈希模式的一个优势是，它可以兼容不支持HTML5历史API的浏览器。然而，它也有一些缺点，比如URL中包含冗余的哈希符号，以及哈希模式下URL的可读性差。

除了哈希模式，Vue还提供了另一种路由模式，即历史模式（history mode）。在历史模式下，URL中不再需要哈希符号，而是使用真实的URL路径。例如，历史模式的URL如下所示：

http://example.com/home

使用历史模式需要在服务器端进行一些额外的配置，以确保在刷新页面时能够正确地加载相应的路由。

要在Vue中使用历史模式，需要通过Vue Router提供的mode选项进行配置。例如，可以通过以下方式将路由模式设置为历史模式：

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

总而言之，Vue默认的路由模式是哈希模式（hash mode），但也可以通过配置使用历史模式（history mode）。选择哪种模式取决于项目的需求和浏览器的兼容性要求。

Vue.js 默认的路由模式是哈希模式（hash mode）。在哈希模式下，URL 中的路径后面会带有一个 # 号，例如 http://example.com/#/home。# 号后面的内容会被浏览器解析为页面的锚点，而不会发送到服务器。这样做的好处是，每当 URL 的 # 号后面的内容发生变化时，页面不会重新加载，而是触发路由器重新解析 URL，并根据新的 URL 渲染相应的组件。

Vue Router 还支持另一种路由模式，即历史模式（history mode）。在历史模式下，URL 中的路径不会有 # 号，例如 http://example.com/home。这样的 URL 更加美观，更接近传统的 URL。使用历史模式需要服务器的支持，需要配置服务器使得无论在哪个路由下刷新页面都能返回根目录的 index.html 文件，以便前端路由正确解析。

除了默认的哈希模式和历史模式，Vue Router 还支持自定义的路由模式。开发者可以根据需要自行实现路由模式，只需实现一个基于 History API 的路由器，并且提供 pushState、replaceState 和 popstate 事件的回调函数。这样的话，开发者可以根据自己的需求实现任何形式的 URL 路由。

在Vue中，默认的路由模式是hash模式。也就是说，在URL中会带有一个 # 符号，后面跟上路由的路径。例如，localhost:8080/#/home。

这种路由模式是为了兼容不支持HTML5 History API的浏览器。Hash模式可以通过监听URL中的hash值的变化来实现路由的更新。当URL中的hash值发生改变时，Vue会根据配置的路由规则进行页面的跳转。

使用hash模式的好处是，不需要服务器的支持，在前端就可以实现路由的切换。并且可以在不刷新页面的情况下，通过改变URL中的hash值来实现前端路由的切换。

然而，hash模式也有一些缺点。首先，URL中带有 # 符号，可能会被认为是一个锚点，影响用户的体验。另外，搜索引擎对带有 # 的URL的索引不是很友好，可能导致SEO的问题。

因此，如果需要更好的用户体验和SEO优化，可以使用HTML5 History API提供的history模式。在history模式中，URL中没有带有 # 符号，使用真实的URL路径。例如，localhost:8080/home。

要使用history模式，需要在路由的配置中加上mode: 'history'，并且服务器需要支持。在history模式中，通过HTML5 History API的pushState方法和replaceState方法来实现路由的切换，不会造成页面的刷新。