vue路由默认是什么模式

Vue的路由默认是使用哈希模式（Hash mode）。

哈希模式的URL会在URL末尾添加一个#符号，后面跟着路由的路径。例如：http://example.com/#/home。这种模式的好处是可以在不刷新页面的情况下改变URL，同时也可以防止浏览器向服务器发送请求。

使用哈希模式的路由配置非常简单，只需要在Vue的路由器对象中加上“mode: 'hash'”即可。例如：

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

除了哈希模式外，Vue还支持另一种路由模式：历史模式（History mode）。历史模式使用的URL不会带有#符号，而是直接使用正常的URL路径。例如：http://example.com/home。

使用历史模式的路由配置稍微复杂一些，需要服务器端的支持，以确保在访问除根路径外的任何URL时都能正确返回index.html文件。另外，需要在Vue的路由器对象中加上“mode: 'history'”。例如：

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

需要注意的是，无论使用哪种模式，Vue的路由功能都是基于HTML5的history API实现的，因此旧的浏览器可能不支持。可以使用Vue提供的Polyfill来解决这个问题。例如：

<script src="https://cdn.jsdelivr.net/npm/vue-router@3.5.1/dist/vue-router.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

总结起来，Vue的路由默认使用的是哈希模式（Hash mode），可以在路由器对象中设置mode属性来切换到历史模式（History mode）。

vue路由默认使用的是hash模式。

具体来说，vue-router提供了两种路由模式：hash模式和history模式。

• hash模式：URL中的hash部分（即#之后的部分）被用来作为路由地址，通过监听浏览器的hashchange事件来实现页面的切换。例如，URL可能是http://example.com/#/home。
• history模式：利用浏览器的history.pushState()方法来实现页面的切换，使得URL看起来像正常的URL，没有#符号。例如，URL可能是http://example.com/home。

在vue-router中，默认的模式是hash模式。这个可以在创建VueRouter实例时进行配置。在vue项目的根目录下的router目录中的index.js文件中，可以看到如下配置项：

const router = new VueRouter({
  mode: 'hash',  // 默认为hash模式
  routes: [
    ...
  ]
})

如果想要使用history模式，可以将mode配置成'history'，例如：

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

需要注意的是，如果使用history模式，要确保在服务器上配置好相关的路由规则，以避免在刷新页面时出现404错误。而对于hash模式，由于URL中的hash部分不会被发送到服务器端，所以不会有这个问题。

值得一提的是，无论使用哪种模式，vue-router都提供了一致的API，使得我们在编写代码时不需要考虑具体的模式。

Vue.js 路由默认采用的是 hash 模式。hash 模式是利用 URL 中的 hash（即 #）来实现前端路由的一种方式。

在 hash 模式下，URL 的结构如下：

http://domain.com/#/path/to/page

其中，#/path/to/page 即为路由的路径。

在 HTML5 新增的 history 模式下，URL 结构如下：

http://domain.com/path/to/page

history 模式通过使用浏览器的 history.pushState API 来实现路由的切换。在 history 模式下，前端路由表现更加美观，但需要后端服务器的支持，对于旧版本的浏览器可能存在兼容性问题，因此在某些情况下可能需要配置后端服务器。

Vue.js 路由配置时可以通过 mode 属性来设置路由的模式，默认值是 hash：

const router = new VueRouter({
  mode: 'hash',
  routes: [
    // 路由配置
  ]
})

如果想要使用 history 模式，可以将 mode 设置为 history：

const router = new VueRouter({
  mode: 'history',
  routes: [
    // 路由配置
  ]
})

需要注意的是，对于使用 history 模式的应用，在生产环境中需要进行一些服务器配置，确保所有路由都指向同一个 index.html 文件，这样前端路由才能正确处理。