html5-history相关内容
每次我执行 history.push("/path") 时,url 都会更改为正确的路径,但 404 PageNotFound 组件会被渲染. //indes.tsx从“反应"导入反应;从 'react-dom' 导入 ReactDOM;从“./App"导入{App};从“./customHistory"导入历史记录;从“反应路由器"导入{路由器};ReactDOM.render(
..
给定一个简单的组件: export default class SearchForm extends Component {构造函数(道具){超级(道具)this.state = { 查询:'' }}onSubmit = (事件) =>{event.preventDefault()history.push(`/results/${this.state.query}`, { query: this
..
我们正在构建一个带有音频播放器的 Drupal 网站,该网站在您浏览页面时应继续播放(类似于 soundcloud). 目前,我们正在使用 AJAX 加载点击的 站点,并将 HTML 注入页面并使用 history.js 来操作位置. 虽然有一个主要的缺点: 由于新加载的页面上可能有不同的 CSS 和 JS,我们必须将当前的脚本、样式和链接元素与 AJAX 响应文本(丑陋的reg
..
Ember 文档指出它可以设置为使用历史 API 进行路由而不是比基于哈希的片段使用: App.Router.reopen({地点:'历史'}); 但是我没有提到如果浏览器不支持 History API 会发生什么.它会回退到使用像 History.js 这样的哈希吗? 如果不是,我是否应该检查 History API 支持并在不支持时将历史实现切换到哈希? 解决方案 ember
..
我使用 Webpack 开发服务器和 browserHistoryReact Router 以通过 HTML5 History API 操作 url.historyapifallback-option 在我的 webpack 中不起作用配置文件.刷新 http://localhost:8080/users 或 http://localhost:8080/products 后,我得到 404.
..
我怎样才能有一个 JavaScript 操作,它可能对当前页面有一些影响,但不会还要更改浏览器中的 URL,因此如果用户点击重新加载或添加书签,则使用新的 URL? 如果后退按钮能重新加载原始 URL 也很好. 我正在尝试在 URL 中记录 JavaScript 状态. 解决方案 在 HTML 5 中,使用 history.pushState 函数.举个例子: var sta
..
我正在尝试为我的 React 应用程序编写路由器组件.我正在创建新的反应类并在 componentDidMount 方法中定义一些路由.这是完整的方法 componentDidMount: function () {var me = this;router.get('/', function(req){我.setState({组件:});});router.get('/re
..
在平均堆栈 Web 应用程序中,我使用 html5mode 并在 index.html 中有以下代码:
..
我正在尝试使用 history.pushState 检测 YouTube 上的页面更改,但它似乎从未触发.我最终希望通过 Tampermonkey/Greasemonkey 脚本来实现这一点,为此我知道您需要将脚本注入到实际页面中,我已经这样做了,但无济于事: html ="var oldState = history.pushState;"+"history.pushState = funct
..
我正在我的网站中构建一个文本编辑器,工作流程如下. 在 /list 中,用户从列表中选择他们想要编辑的条目,该列表会将他们带到 /edit/[article_id]. 用户完成他们的工作,然后点击提交. 服务器处理该事物,并将它们重定向回 /edit/[article_id],它现在反映了编辑的工作.服务器还会在页面上激活一条闪现消息,表明编辑成功. 此时,用户可能想要返回到 /l
..
webpack-dev-server 可以设置为将您发送回 index.html 并为单个路由查找脚本,例如 http://localhost:4301/sdr 但是当您放入更深的路由(或末尾带有/的单个路由)http://localhost:4301/sdr/dog 弄糊涂了. 开发服务器:{contentBase: './dist',historyApiFallback: 真}, 使用
..
我最近创建了一个基于 Node.js、Express.js 和 Vue.js 的网站,并在历史模式下使用路由器和 Webpack.由于是单页应用程序,我安装了 express-history-api-fallback 并且到目前为止它工作得很好但是(一如既往地有但是)由于某些原因我不理解某些网址,我得到了一个白页以及一些错误,例如: Uncaught SyntaxError: Unexpecte
..
$(window).bind('statechange',function(){var State = History.getState(),url = State.url;}); 在以下函数中,url 返回当前 URL.我正在寻找的是,在该函数中,获取以前的 URL,例如,如果我在 /cars/ferrari 上并转到 /cars/ford,url 会返回 cars/ford,但我想得到 /c
..
根据这个问题的公认答案, React Router 4 不再匹配查询参数.如果我从与我的 之一匹配的 URL 转到具有不同查询字符串的相同 URL,则内容似乎没有改变.我相信这是因为在匹配相同 的 URL 之间导航不会改变内容,但如果我错了,请纠正我.鉴于此,我如何将 React Router 用于一组只需要通过查询参数来区分的 URL? 例如,许多搜索引擎和其他使用搜索栏的
..
似乎没有 API 方法可以检测您是否可以从应用程序的当前页面返回.可以检查历史长度,但这包括向前和向后堆栈. 我只想在用户真正可以返回时才显示返回按钮. 解决方案 你可以通过检查 history.action 如果它的值是 POP ,那么就没有回去的路线.这是我找到的唯一方法. {if (history.action !== 'POP') history.goBack();}}禁用
..
我想在不刷新页面的情况下替换网址. 我需要更改: https://example.com/en/step1 到 https://example.com/en/step2 该怎么做? 解决方案 更新 基于操纵浏览器历史记录,并传递空白字符串作为 pushState 方法( aka title )的第二个参数应该可以防止将来对该方法的更改,因此最好像这样使用 pus
..
每次执行 history.push("/path")时,URL都会更改为正确的路径,但是404 PageNotFound组件会被渲染. //indes.tsx从'react'导入React;从'react-dom'导入ReactDOM;从"./App"导入{App};从"./customHistory"导入历史记录;从"react-router"导入{Router};ReactDOM.rende
..
我使用Webpack开发服务器和 browserHistory React Router 通过HTML5 History API使用网址进行操作. historyapifallback-option 在我的webpack中不起作用配置文件.刷新http://localhost:8080/users或http://localhost:8080/products之后,我得到了404. webpa
..
我一直试图使我的脚本正常工作,但显然有问题:当我尝试使用浏览器后退按钮向后移动时,它会在第一页上向后停止,即第二次单击后退按钮,无法正常工作,而是使用其自身更新当前页面. 示例: 主页->第二页->第三页->第二页->第二页->第二页(依此类推) 主页->第二页->第三页->第四页->第三页->第三页(依此类推) 这反而有效: 主页->第二页->主页 有人知道我失踪了吗?
..
我正在使用history.pushState更新URL,如下所示: var state = {url: newLocation}; window.history.pushState(state, pagetitle, newLocation); 在Mobile Chrome上,网页URL(在URL栏上)和标题确实得到了预期的更新.但是,当单击Chrome菜单上的“共享..."按钮
..