
CORS error. html page cannot access assets folder in parent directory (Firefox, LiveServer, Windows 11)
My html page has a href to ..\assets\style.css and the script.js has a reference to ..\assets\images\backpack.svg
But these files do not display when it is opened in live server. The href is correct because when I type ..\assets\style.css in the Windows File Explorer address bar, it opens the css file correctly.
I tried to load the html directly in Firefox, not LiveServer. I see in the console, Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/Me/Documents/Learn/JS/05_03/Backpack.js. (Reason: CORS request not http).
I posted all the details over here. https://stackoverflow.com/q/70416741/398348
All Replies (2)
This is how it works in Firefox. Going above the html file in a directory tree breaks The Same Origin Policy.
This question has been locked because the original author has deleted their account. While you can no longer post new replies, the existing content remains available for reference.