关于hash路由和history路由
老师在创建项目时选着的时hash路由,对于hash路由和history路由两者的区别不是很懂,
查看了一些文档
hash路由只能改变#后面的内容
history路由可以去掉访问路径的#,而且怕刷新如果后端没有准备容易出现404
我想问的是我们这个课程中使用的hash路由的一些方法
如果我采用了history路由这些方法和配置这样使用吗还是说要用别的方法和配置
路由守卫
router.beforEach()
路由的配置
{
path: '/login',
name: 'Login',
component: Login,
//访问这个页面之前执行的函数
beforeEnter(to, from, next) {
const isLogin = localStorage.isLogin;
if (isLogin) {
next({ name: 'Home' })
} else {
next();
}
}
},
页面上使用的一些方法
import{Router ,Route} from ‘vue-router'
const router = Router();
const route = Route();
router.back()
router.push({name:"Home"})
route.params.id
如果我采用了history路由这些方法和配置这样使用吗还是说要用别的方法和配置
正在回答 回答被采纳积分+1
同学你好,对于你的问题解答如下:
1、hash和history两个都是实现路由的一种方式,简单理解两者的区别如下:
(1)hash是一个锚点,本质上是改变window.location的href属性
(2)history是HTML新增的一个接口,可以通过go(向前或向后改变路径)、replaceState(替换原来的路径)等方法改变路径,而不刷新页面。
具体选择哪一种方式,工作时,根据团队项目的需求,具体情况具体分析,灵活应用所学知识即可。
2、如果需要使用history模式,在创建路由时,将history属性值设置为createWebHistory()就可以了,其他的方法和配置依然是视频中讲解的方式,不需要再添加别的配置项了。
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星