html - 在 404html nginx 静态网站中找不到相对路径 js 和 css

Question

我想在 nginx 中创建静态网站。我需要一个 404.html 但它有一些 js 和 css 链接，路径是根，吹

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

nginx

error_page 404 /404.html;

当我访问像http://www.test.com/xxx这样的不存在的文件 url 时可以 404.html 正确显示。

但是当我使用http://www.test.com/xxx/xxx访问 url 时，我得到一个错误的页面，打开控制台，我发现我的 css 和 js 路径改变了http://www.test.com/xxx/自定义.css

我看看我是否将 js 和 css 文件的相对路径更改为绝对路径。但我需要相对路径。当 404 和 js/css 使用相对时，我希望得到正确的 404.html 及其 js 和 css 文件以及任何 url。

如何配置nginx或其他？

标签： htmlnginx

Answer 1

尝试在 nginx 配置中使用位置

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