Nginx
Nginx 不應用 CSS 文件
我在 Nginx 上使用動態模組 ‘fancyindex’ 並嘗試將外部 css 文件載入到這些 fancyindex ’ed 頁面中。以下是我的站點可用目錄中的配置文件:
location /images/ { alias /var/www/test/public/images/; fancyindex on; fancyindex_css_href /etc/nginx/css/test.css;
’nginx -t’ 我沒有收到任何錯誤並且頁面載入正確,但是沒有應用 css 規範,而是預設的 fancyindex 外觀仍然存在。FancyIndex 在查找 css 文件並將其編碼到頁面 html 方面正在做它應該做的事情。當我查看頁面源時,自動創建的列表之前包含以下內容:
<link rel="stylesheet" href="/etc/nginx/css/test.css" type="text/css"/>
我的“test.css”文件內容如下:
a, a:active {text-decoration: none; color: #41b5f4;} a:visited {color: #41b5f4;} a:hover, a:focus {text-decoration: underline; color: #f4ee41;} body{ background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
我對 Nginx 和 html 還比較陌生,所以我不確定問題到底出在哪裡,無論是在 css 文件、站點配置還是其他任何地方。我已經嘗試了幾種不同的方式來寫出 css 文件等,但沒有運氣,所以我想我會在這裡問。我也試過清除 Chrome 上的記憶體。
作為狀態的文件
fancyindex_css_href
:提供的uri參數將按原樣插入
<link>
HTML 標記中。這意味著您提供的 URI 必須是絕對或相對 URI。由於您使用了相對 URI,因此您提供的路徑是相對於 document 的
root
。您應該更正路徑,移動 CSS 文件,或兩者兼而有之。