游客

标题:使用htaccess配置解决 react-router中history配置createBrowserHistory浏览器刷新页面404的问题
正文:
摘要: 使用react-router ，发布到服务器后，子路径下浏览器刷新，页面报not find 404问题解决的方案。首先我们先找到问题，再解决问题，别嫌我啰嗦，首先说说react路由history三种模式。history 配置React Router 是建立在 history 之上的。 简而言之，一个 history 知道如何去监听浏览器地址栏的变化， 并解析这个 URL 转化为 location 对象， 然后 router 使用它匹配到路由，最后正确地渲染对应的组件。
常用的 history 有三种形式， 但是你也可以使用 React Router 实现自定义的 history。createHashHistorycreateBrowserHistorycreateMemoryHistory这三个有什么区别呢：createHashHistory这是一个你会获取到的默认 history ，如果你不指定某个 history 。它用到的是 URL 中的 hash（#）部分去创建形如http://mtui.mtsee.com/#/help 的路由。
这个 支持 ie8＋ 的浏览器，但是因为是 hash 值，所以不推荐使用。createBrowserHistoryBrowser history 是由 React Router 创建浏览器应用推荐的 history。它使用 History API 在浏览器中被创建用于处理 URL，新建一个像这样真实的 URL http://mtui.mtsee.com/help。Memoryhistory不会在地址栏被操作或读取。那么问题来了~
使用reateHashHistory，因为这里用的#hash 方式，真正的url没变。变的只是hash值，所以我们下次直接访问http://mtui.mtsee.com/#/help 这个地址就能直接访问，但是这种模式不利于SEO，不推荐使用。使用createBrowserHistory的时候，因为是使用 History API处理url的，真实的url已经改变，当我们重新刷新浏览器，内部已经重置，我们下次再访问地址http://mtui.mtsee.com/help 的时候，之前的history已经更新，相当于直接到服务器去请求这个
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页