步骤

  1. 将路由替换为history模式
  2. 更换配置文件中配置的根路径
  3. 查找项目中存在的哈希跳转

将路由替换为history模式

import {
  createRouter,
  createWebHistory,
} from 'vue-router'

const router = createRouter({
  history: createWebHistory(), //可指定根路径
  routes,
})

更换配置文件中配置的根路径

此处为vite.config.ts

export default defineConfig({
  base: '/', // 设置打包路径
})

查找项目中存在的哈希跳转

全局搜索

 (`#/ 替换为 (`/

若存在 location.replace 需替换成 router.replace 否则页面会刷新

GitHub 加速计划 / vu / vue
99
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:9 个月前 )
9e887079 [skip ci] 7 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 11 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐