关于hash路由和history路由

关于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回答
好帮手慕慕子 2021-12-01 17:19:51

同学你好,对于你的问题解答如下:

1、hash和history两个都是实现路由的一种方式,简单理解两者的区别如下:

(1)hash是一个锚点,本质上是改变window.location的href属性

(2)history是HTML新增的一个接口,可以通过go(向前或向后改变路径)、replaceState(替换原来的路径)等方法改变路径,而不刷新页面。

具体选择哪一种方式,工作时,根据团队项目的需求,具体情况具体分析,灵活应用所学知识即可。

2、如果需要使用history模式,在创建路由时,将history属性值设置为createWebHistory()就可以了,其他的方法和配置依然是视频中讲解的方式,不需要再添加别的配置项了。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师