前端路由实现相关

122 阅读1分钟

具体实现

复习createContext可以看下路由实现和React.child用法 const { Consumer, Provider } = React.createContext() 不错的文章

  • hash模式所有的工作都是在前端完成的,不需要后端服务的配合,这种模式不利于 SEO 优化。hash 只能修改 # 后面的部分,所以只能跳转到与当前 url 同文档的 url

  • hash模式的实现方式就是通过监听URL中hash部分的变化,从而做出对应的渲染逻辑

  • hash模式下,URL中会带有#,看起来不太美观

history

hash模式是不需要后端服务配合的。但是history模式下,如果你再跳转路由后再次刷新会得到404的错误,这个错误说白了就是浏览器会把整个地址当成一个可访问的静态资源路径进行访问,然后服务端并没有这个文件~看下面例子更好理解