2013年1月28日 星期一

[appserv]設定自己的apache server的Not Found 頁面


我想大家對這個畫面應該很熟悉,這就是常常看到的Not Found頁面,
最近我用自己的電腦當server學做後台,輸錯網址就是這個錯誤,突然想到網路上很多人自製好看Not Found page, 所以我也來看看怎麼設定自己的not found頁面。

因為我的apache是用appserv去安裝的,所以設定上可能不能符合一般大眾。
這次要設定的是server根目錄的404 not found page,如果你是要針對各個資料夾(或說自己server底下各個網站的not found,可能要搜尋一下怎麼設定.htaccess檔案,這個我還沒做)

所以呢,首先先設定httpd.conf裡面的404 page的頁面

step 1 :
若跟我一樣是安裝在C槽,請找到這個路徑的httpd.conf這個檔案
C:\AppServ\Apache2.2\conf\httpd.conf,接著請以編輯器打開



step 2 :
找到512行(或者搜尋 ErrorDocument)
如果你移除註解了,那就會將missing.html的頁面當作404的頁面
(你也可以自製頁面,不一定檔名也是要missing.html)

所以step3就是移除這個註解(移除#號),然後到www/目錄底下建立missing.html



step 3 :
移除註解後存檔。


step 4 :
在www/目錄底下建立missing.html(是要手動建立)。


step 5 :
編輯missing.html檔案,你可以美化它...




step 6 :
然後,重點,重啟apache


step7:

 在瀏覽器輸入一個不存在的網頁畫面,來看看這個not found畫面有無誤
(裡面文字是我亂打測試用)


美化後。。。。(很沒意義的美化XD 其實使用者並不會知道甚麼是404 page><)
應該要做一些說明或是解釋/轉頁等功能的畫面比較好一點XD

接下來可以好好美化自己的not found page

網路上有很多參考:

404页面最佳实践

30多个很酷的404错误页面设计




沒有留言:

張貼留言

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...