Nginx

Nginx 不應用 CSS 文件

  • November 30, 2017

我在 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 文件,或兩者兼而有之。

引用自:https://serverfault.com/questions/885850