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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

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

  • 1 èsì
  • 1 ní ìṣòro yìí
  • 2 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ TyDraniu

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)

more options

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