I'm getting this error in Firefox's Console: SecurityError: The operation is insecure
and the guilty is HTML5 feature: window.history.pushState()
when I try to load something with AJAX. It is supposed to load some data but Javascript stops executing on error.
I'm wondering why this may be happening. Is this some server misconfiguration? Any help would be appreciated.
UPDATE: Yes, it was a server error with domain name not matching: http://en.wikipedia.org/wiki/Same-origin_policy
This question is related to
javascript
html
url
history
pushstate
I had this problem on ReactJS history push, turned out i was trying to open //link
(with double slashes)
In my case I was missing 'www.' from the url I was pushing. It must be exact match, if you're working on www.test.com
, you must push to www.test.com
and not test.com
When creating a PWA, a service worker used on an non https server also generates this error.
I had the same problem when called another javascript file from a file without putting javascript "physical" address. I solved it by calling it same way from the html, example: "JS / archivo.js" instead of "archivo.js"
You should try not open the file with a folder-explorer method (i.e. file://
), but open that file from http://
(i.e. http://yoursite.com/
from http://localhost/
)
We experienced the SecurityError: The operation is insecure when a user disabled their cookies prior to visiting our site, any subsequent XHR requests trying to use the session would obviously fail and cause this error.
I solved it by switching tohttp
protocol from the file
protocol.
live-server [dirPath]
replace serviceWorker.unregister() to serviceWorker.register() in index.js file
Source: Stackoverflow.com