路由器的两种工作模式

文章介绍了路由器的两种工作模式:Hash模式和History模式。Hash模式地址中带有#号,不美观但兼容性好,而History模式地址更干净,但需要后端支持以处理刷新导致的404问题。为解决History模式下的问题,前端和后端需配合匹配路由,并可能涉及使用像`npmconnect-history-api-fallback`这样的工具。

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

### 13.路由器的两种工作模式

1. 对于一个url来说,什么是hash值?—— #及其后面的内容就是hash值。

2. hash值不会包含在 HTTP 请求中,即:hash值不会带给服务器。

3. hash模式:

1. 地址中永远带着#号,不美观 。

2. 若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标记为不合法。

3. 兼容性较好。

4.history模式:

1. 地址干净,美观。

2. 兼容性和hash模式相比略差。

3. 应用部署上线时需要后端人员支持,解决刷新页面服务端404的问题。

网页发布

npm run build

能生成 .css .html .js 文件

生成的文件需要经过部署,才能放在页面上

通过node.js 和 expresss

若使用history模式,刷新会出问题

hash模式不会出现问题(因为路径#后面不会带给服务器去发请求)

若要使用history模式,如何解决问题:

前端+后端:来匹配前后端路由

npm i connect-history-api-fallback

根治需要通过后端!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值