本文主要是介绍Vue3.0路由将哈希(hash)更改为历史(history)模式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
路由哈希模式更换为历史模式
- 步骤
- 将路由替换为history模式
- 更换配置文件中配置的根路径
- 查找项目中存在的哈希跳转
步骤
- 将路由替换为history模式
- 更换配置文件中配置的根路径
- 查找项目中存在的哈希跳转
将路由替换为history模式
import {createRouter,createWebHistory,
} from 'vue-router'const router = createRouter({history: createWebHistory(), //可指定根路径routes,
})
更换配置文件中配置的根路径
此处为vite.config.ts
export default defineConfig({base: '/', // 设置打包路径
})
查找项目中存在的哈希跳转
全局搜索
(`#/ 替换为 (`/
若存在 location.replace
需替换成 router.replace
否则页面会刷新
这篇关于Vue3.0路由将哈希(hash)更改为历史(history)模式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!