两种路由模式的URL区别

createWebHashHistory模式下,只有hash符号前的URL会被请求,避免404错误,适合未完全覆盖路由的后端。createWebHistory模式要求前端URL与后端路由匹配,若不匹配会返回404。在线上环境,使用createWebHistory需配置Nginx或Apache,并配合前端404页面。
摘要由CSDN通过智能技术生成

模式

createWebHashHistory模式

createWebHistory模式

URL

http://localhost:8080/#/Login

http://localhost:8080/Login

两种模式在技术上也有不同之处

  • createWebHashHistory 模式:仅 hash 符号之前的内容会被包括在请求中,如 http://www.ahdai.com ,对于后端来说,即使没有做到路由的全覆盖,也不会返回404错误。

  • createWebHistory 模式:前端的URL 必须和实际向后端发起请求的URL 一致,如http://www.ahdai.com/book/id ,如果后端缺少对/book/id 的路由处理,将会返回404错误。

总知,无论是在开发环境还是线上环境中,createWebHashHistory模式都可以正常地被访问;而createWebHistory模式在开发环境中可以正常运行项目,但在线上环境中需要配置Nginx 或 Apache 作为指向,同时搭配前端路由的404 页面支持。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值