為什麼我的 Nginx 伺服器從 Apache2 切換後不載入 CSS 檔案？

Nginx 無法載入CSS 檔案：解決MIME 類型不符問題

從Apache2 轉換到Nginx 時，使用者可能會遇到CSS 檔案無法加載的問題加載失敗。當 Nginx 為 CSS 檔案識別的 MIME 類型與實際的「text/css」類型不同時，就會發生這種情況。

診斷與解決方案

儘管MIME 配置正確types 檔案(/etc/nginx/mime.types)，其中包含行“text/css css;”， CSS 檔案保持卸載狀態。這通常是由於 mime.types 的 include 語句的放置所造成的。

要解決此問題，應將 include 語句從全域 http { 區塊移至預設站點配置中的 location / { 區塊（/etc/nginx/conf.d/default.conf）。修改後的配置應類似於以下內容：

server {
    listen       80;
    server_name  localhost;

    location / {
         root    /usr/share/nginx/html;
         index  index.html index.htm index.php;
         include       /etc/nginx/mime.types;  # Moved from http { block
         fastcgi_pass   127.0.0.1:9000;
         # Additional parameters...
    }

了解更改

透過將include 語句放在location 區塊中，/etc/ 中定義的MIME類型nginx/mime.types 變得適用於特定位置，即預設站點的根目錄。這可以確保 Nginx 正確識別 CSS 檔案的 MIME 類型並相應地提供它們。

其他注意事項

• 驗證 CSS 檔案是否實際存在且可存取在位置區塊中定義的根目錄中。
• 確保 CSS 檔案在 HTML 中正確連結文件。
• 考慮檢查 Nginx 錯誤日誌 (/var/log/nginx/error.log) 以取得任何其他見解或錯誤訊息。

以上是為什麼我的 Nginx 伺服器從 Apache2 切換後不載入 CSS 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！