relative path js and css not found in 404html nginx static web site

Question

I want to create static web site in nginx. I need a 404.html but it have some js and css link ,path is root, blow

<link href="css/custom.css" rel="stylesheet">
<link href="js/custom.js" rel="stylesheet">

nginx

error_page 404 /404.html;

when i access a not exist file url like http://www.test.com/xxx is ok 404.html correct show.

but when i access url with like http://www.test.com/xxx/xxx, i get a wrong page, open console, i found my css and js path changed http://www.test.com/xxx/custom.css

I see if i change js and css file relative path to absolte path. but i need relative path. I expect get correct 404.html with its js and css file with any url when 404 and js/css use relative.

How to config nginx or other?

ANC_G7 · Accepted Answer · 2019-10-29 01:45:44Z

1

not to change in nginx

nginx still

error_page 404 /404.html;

change html

css/custom.css

to

/css/custom.css

same to js files

this resolve my problem

answered Oct 29, 2019 at 1:45

ANC_G7

214 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

BryGom · Accepted Answer · 2019-10-25 03:35:37Z

0

Try using a location in nginx configuration

error_page 404 /404.html;
location = /404.html {
           root /usr/share/nginx/html;
           internal;
}

answered Oct 25, 2019 at 3:35

BryGom

6992 gold badges11 silver badges23 bronze badges

1 Comment

ANC_G7 Over a year ago

thanks,i try it. my root not /usr/share/nginx/html, so i change path to my root path and i restart my nginx ,my js/css in 404html still show Failed to load resource: the server responded with a status of 404 ()

Collectives™ on Stack Overflow

relative path js and css not found in 404html nginx static web site

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related