Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

CORS error. html page cannot access assets folder in parent directory (Firefox, LiveServer, Windows 11)

  • 1 reply
  • 1 has this problem
  • 2 views
  • Last reply by TyDraniu

likejudo
likejudo
more options

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

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 (1)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

This is how it works in Firefox. Going above the html file in a directory tree breaks The Same Origin Policy.