react:Uncaught DOMException: 无法在“History"上执行“pushState":带有 URL 的历史状态对象 [英] react:Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL

问题描述

我有一个react项目，我现在通过webstorm打开没问题，但是直接打开index.html里面的文件夹，主页可以出来，但是点击会报错，点击链接我用过reactor.麻烦谁能帮我解决一下，谢谢！

I have a react project, I now open through webstorm no problem, but directly open the folder inside the index.html, the main page can be out, but a click will be being given, click on the link I used reactor。 Trouble who can help me solve, thank you！

错误提示:

未捕获的 DOMException:无法在历史"上执行pushState":A带有 URL 的历史状态对象'file:///Users/qinchen/Desktop/change/dist/integralpage'不能为在具有原点null"和 URL 的文档中创建'file:///Users/qinchen/Desktop/change/dist/index.html'.在finishTransition (file:///Users/qinchen/Desktop/change/dist/bundle.js:25897:24)在 file:///Users/qinchen/Desktop/change/dist/bundle.js:13142:13在 file:///Users/qinchen/Desktop/change/dist/bundle.js:13118:9接下来(file:///Users/qinchen/Desktop/change/dist/bundle.js:25765:7)在 Object.loopAsync (file:///Users/qinchen/Desktop/change/dist/bundle.js:25769:3)在confirmTransitionTo (file:///Users/qinchen/Desktop/change/dist/bundle.js:13104:17)在transitionTo (file:///Users/qinchen/Desktop/change/dist/bundle.js:13130:5)在 Object.push (file:///Users/qinchen/Desktop/change/dist/bundle.js:13153:5)在 Object.push (file:///Users/qinchen/Desktop/change/dist/bundle.js:13395:15)在 Object.push (file:///Users/qinchen/Desktop/change/dist/bundle.js:6535:15)

Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL 'file:///Users/qinchen/Desktop/change/dist/integralpage' cannot be created in a document with origin 'null' and URL 'file:///Users/qinchen/Desktop/change/dist/index.html'. at finishTransition (file:///Users/qinchen/Desktop/change/dist/bundle.js:25897:24) at file:///Users/qinchen/Desktop/change/dist/bundle.js:13142:13 at file:///Users/qinchen/Desktop/change/dist/bundle.js:13118:9 at next (file:///Users/qinchen/Desktop/change/dist/bundle.js:25765:7) at Object.loopAsync (file:///Users/qinchen/Desktop/change/dist/bundle.js:25769:3) at confirmTransitionTo (file:///Users/qinchen/Desktop/change/dist/bundle.js:13104:17) at transitionTo (file:///Users/qinchen/Desktop/change/dist/bundle.js:13130:5) at Object.push (file:///Users/qinchen/Desktop/change/dist/bundle.js:13153:5) at Object.push (file:///Users/qinchen/Desktop/change/dist/bundle.js:13395:15) at Object.push (file:///Users/qinchen/Desktop/change/dist/bundle.js:6535:15)

推荐答案

加载本地文件(浏览器中的 file:///URL)时不能使用 pushState，这是出于安全原因.相反，您有两个选择:

You cannot use pushState when loading up a local file (a file:/// URL in your browser), which is for security reasons. Instead, you have two options:

1. 改用哈希历史记录.这将在本地文件上正常工作.
2. 启动一个简单的网络服务器来提供您的文件.如果您不想构建小型服务器应用程序，这里有一个简单的列表.您可以随意选择，他们都会在您的浏览器中为您提供一个支持浏览器历史记录的 http://URL.

1. Use a Hash history instead. This will work fine on a local file.
2. Start up a simple web server to serve up your file instead. If you don't want to build a small server application, here is a list of simple ones. You can take your pick and they will all give you a http:// URL in your browser that supports the Browser history.

这篇关于react:Uncaught DOMException: 无法在“History"上执行“pushState":带有 URL 的历史状态对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！