vue3 路由模式

最新推荐文章于 2025-09-09 14:01:04 发布

原创最新推荐文章于 2025-09-09 14:01:04 发布 · 462 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文介绍了Vue Router中的两种URL管理模式：History模式和Hash模式。History模式使用HTML5的History API来管理浏览器历史记录，使得URL更加美观且不包含#符号；而Hash模式则利用URL中的hash部分来实现路由跳转，适用于所有浏览器环境。

History模式

import { createRouter, createWebHistory } from "vue-router";
export default createRouter({
  history: createWebHistory(),//定义history模式url不带#
  routes: [],
});

hash模式

import { createRouter, createWebHashHistory } from "vue-router";
export default createRouter({
  history: createWebHashHistory(),//定义hash模式
  routes: [],
});