hash路由模式和history路由模式

王宁_

于 2021-03-24 17:02:42 发布

阅读量504

点赞数

分类专栏：原生js 文章标签： hash js window

本文链接：https://blog.youkuaiyun.com/weixin_50140055/article/details/114438604

版权

本文探讨了前端路由中的两种模式：hash模式和history模式。hash模式通过URL的#部分进行路由变化，不触发表单提交，但刷新页面时不发送到服务器。history模式提供更美观的URL，直接修改path，但需要服务器配置以防止刷新时出现404。该模式在低版本IE中不被支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

hash路由模式和history路由模式

1.hash模式

 
    <div class="nav">
        <a href="#/index">首页</a>
        <a href="#/register">注册</a>
        <a href="#/login">登录</a>
    </div>
        <div class="page"></div>
      <script>
            // 显示对应界面 需要根据hash地址的不同来渲染  hash location 的一个属性

最低0.47元/天解锁文章