1

我有一个使用静态 html 的网站；没有任何可用的 PHP 或 CGI 服务。我想在 javascript 中构建一个有点智能的 404 错误页面。从JavaScript：404 页面，如何获取请求的 url？我知道document.referer接收 404 页面不可用，但是那里的答案之一表明可能可以通过 htaccess 传递请求 url。我该怎么做？以下不起作用：

.htaccess：

RewriteEngine on
ErrorDocument 404 /err404.html?url=%{HTTP_REFERER}

和err404.html：

<html><body>
<script type="text/javascript">
    var file;
    file = window.location.pathname;
    document.write('sorry, ' + file + ' not found');
</script>
<body></html>

生成的 url 与传入的 url 保持一致，http://www.example.com/something-not-here

4

2 回答 2

1

通过启用 mod_rewrite 和 .htaccess httpd.conf，然后将此代码放在您.htaccess的DOCUMENT_ROOT目录下：

Options +FollowSymLinks -MultiViews
# Turn mod_rewrite on
RewriteEngine On
RewriteBase /

RewriteCond %{REQUEST_FILENAME} !-d   # `!-d` means if directory doesn't exist
RewriteCond %{REQUEST_FILENAME} !-f   # if file doesn't  ... 
RewriteCond %{REQUEST_FILENAME} !-l   # if link doesn't

# L = last rule, stop processing
# QSA = Query String Append
# R = Redirect (default is 302, temporary)
RewriteRule ^ /err404.html?url=%{REQUEST_URI}&refr=%{HTTP_REFERER} [L,QSA,R]

然后像这样更改您的 err404.html：

<html><body>
<script type="text/javascript">
   function getQueryVariable(variable) {
       var query = window.location.search.substring(1);
       var vars = query.split('&');
       for (var i = 0; i < vars.length; i++) {
           var pair = vars[i].split('=');
           if (decodeURIComponent(pair[0]) == variable) {
               return decodeURIComponent(pair[1]);
           }
       }
       console.log('Query variable %s not found', variable);
   }
   document.write('sorry! ' + getQueryVariable('url') + 
                  ' not found, requesting URL: ' + getQueryVariable('refr'));
</script>
<body></html>

这将导致在页面上显示不存在的 URI的以下文本http://domain.com/not-herehttp://domain.com/sample.html

sorry! /not-here not found, requesting URL: http://domain.com/sample.html
于 2013-03-12T19:23:17.193 回答
0

如果我正确理解了这个问题，那是因为window.location总是会给出浏览器显示的 URL。重写后的 URL 仅在服务器端可用，因此您需要一种服务器端语言来完成此操作。

于 2013-03-12T14:40:59.917 回答