网页路由的两种工作模式

﹏ヽ暗。殇╰゛Y 2023-10-03 14:11 18阅读 0赞

### url的工作模式通常包括两种：hsah、history ###

**首先是对前端开发人员比较友好的hash，hash模式不会发送\#号后的内容给服务器可以防止服务器 ‘不认识’客户端传回来的值**  
下面红框内的内容不会发送到服务器  
![在这里插入图片描述][295c953dcc80484ca6fd252dbc39059e.png_pic_center]

1、对于一个url来说，什么是hash值？ ——\#号及其后面的内容就是hash值  
2、hash值不会包含在HTTP请求中，即：哈市值不会带给服务器。  
3、hash模式：  
1、地址中永远带着\#号，不美观  
2、若以后将地址通过第三方手机app分享，若app校验严格，地址会被标记为不合法  
3、兼容性较好。  
**其次是比较规整的history模式，这种模式需要后端人员支持**  
4、history模式：  
1、地址干净美观，没有\#号  
2、兼容性和hash模式相比略差  
3、应用部署上线时需要后端人员支持，解决刷新页面服务端的404的问题

另外附上Vue和React常用的UI组件库：  
**移动端：**  
1.[Vant][] – https://youzan.github.io/vant  
2.[Cube UI][] – https://didi.qithub.io/cube-ui  
3.[mint UI][] – http://mint-ui.github.io  
**PC端：**  
1.[element UI][] – https://element.eleme.cn  
2. [IView UI][] – https://www.iviewui.com

[295c953dcc80484ca6fd252dbc39059e.png_pic_center]: https://img-blog.csdnimg.cn/295c953dcc80484ca6fd252dbc39059e.png#pic_center
[Vant]: https://youzan.github.io/vant
[Cube UI]: https://didi.qithub.io/cube-ui
[mint UI]: http://mint-ui.github.io
[element UI]: https://element.eleme.cn
[IView UI]: https://www.iviewui.com

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关前端路由的两种模式： hash 模式和 history 模式

[前端路由的两种模式： hash 模式和 history 模式][hash _ history] </h1> <div class...

青旅半醒/ 2024年04月18日 13:00/ 0 赞/ 75 阅读

相关网页路由的两种工作模式

url的工作模式通常包括两种：hsah、history 首先是对前端开发人员比较友好的hash，hash模式不会发送\号后的内容给服务器可以防止服务器 ‘不认识’客户端传

﹏ヽ暗。殇╰゛Y/ 2023年10月03日 14:11/ 0 赞/ 19 阅读

相关 vue路由两种模式区别hash和history

hash hash模式原理是onhashchange事件，可以在window对象上监听这个事件： window.onhashchange = function(

清疚/ 2023年01月19日 03:05/ 0 赞/ 26 阅读

相关 Vue 路由的两种模式 history 和 hash，以及命名路由

对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端

迷南。/ 2022年12月31日 02:28/ 0 赞/ 172 阅读

相关 Vue 俩种路由模式

浏览器对页面的访问是无状态的，所以我们在切换不同的页面时都会重新进行请求。而实际使用 vue 和 vue-router开发就会明白，在切换页面时是没有重新进行请求的，使用起

柔光的暖阳◎/ 2022年12月18日 15:57/ 0 赞/ 56 阅读

相关浅析Vue两种路由模式

背景知识大多数vue项目采用SPA(单页面应用)的模式开发，不同视图的切换，都要通过前端路由去管理和控制。因此平时我们开发vue的项目，都会install vue

迷南。/ 2022年11月28日 00:53/ 0 赞/ 193 阅读

相关 Vue的三种路由模式

路由模式解析这里要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对

缺乏、安全感/ 2022年11月05日 03:05/ 0 赞/ 196 阅读

相关 Vue中hash和history两种路由模式的区别

Vue中的两种路由模式Hash和History 前言：我遇到的两个问题 Hash模式 History模式 Vue文档对路由模式~阐述前言：我

墨蓝/ 2022年09月04日 04:46/ 0 赞/ 228 阅读

相关 FTP的两种工作模式

很纠结，老有人开放FTP服务给人使用，只开放21端口，以为这样就可以传输文件了。所以转载这篇文章，给人增长基础知识…… 在主动模式下，FTP客户端随机开启一个大于102

ゝ一纸荒年。/ 2022年07月14日 00:46/ 0 赞/ 269 阅读

相关 Flask两种配置路由的方式

from flask import Flask app = Flask(__name__) @app.route('/he

素颜马尾好姑娘i/ 2022年02月28日 05:40/ 0 赞/ 267 阅读