CSS上的影像沒有被作為HTTPS提供

我有一個css檔案，我呼叫了一些圖片作為背景。雖然我的網站有一個有效的證書，而且這些圖片也在同一個地址中，但它并不作業。

我已經嘗試將我的尿液作為//talesebner.com/images/logo.svg，https://talesebner.com/images/logo.svg，甚至https://www.talesebner.com/images/logo.svg。但Chrome和Lighthouse也一直說它們沒有通過HTTPS加載。

作為一個副作用（我認為），圖片甚至不能在iPhone的Safari上加載。

我可以做什么呢？

編輯：按照要求，這是我的.htaccess代碼：

ErrorDocument 500 /errors/500.html
ErrorDocument 404 /errors/404.html
ErrorDocument 403 "對不起，我今天不能允許你訪問。"

<IfModule mod_mime.c>
    AddDefaultCharset utf-8
    默認語言 en-GB
</IfModule>

<IfModule mod_autoindex.c>
    選項 -索引
</IfModule>

#壓縮文本檔案
<ifModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE image/svg xml
    AddOutputFilterByType DEFLATE image/bmp
    AddOutputFilterByType DEFLATE image/vnd.microsoft.icon
    AddOutputFilterByType DEFLATE application/xhtml xml
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/rdf xml
    AddOutputFilterByType DEFLATE application/rss xml
    AddOutputFilterByType DEFLATE application/atom xml
    AddOutputFilterByType DEFLATE text/javascript
    AddOutputFilterByType DEFLATE text/ecmascript
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
    AddOutputFilterByType DEFLATE 應用/ecmascript
    AddOutputFilterByType DEFLATE application/json
    AddOutputFilterByType DEFLATE application/ld json
    AddOutputFilterByType DEFLATE application/manifest json
    AddOutputFilterByType DEFLATE application/schema json
    AddOutputFilterByType DEFLATE application/geo json
    AddOutputFilterByType DEFLATE application/x-web-app-manifest json
    AddOutputFilterByType DEFLATE application/x-font-ttf
    AddOutputFilterByType DEFLATE application/x-font-otf
    AddOutputFilterByType DEFLATE font/truetype
    AddOutputFilterByType DEFLATE font/opentype
    AddOutputFilterByType DEFLATE 字體/eot
    AddOutputFilterByType DEFLATE 字體/otf
    AddOutputFilterByType DEFLATE font/ttf
    AddOutputFilterByType DEFLATE application/x-pointplus
    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
    AddOutputFilterByType DEFLATE application/wasm
    AddOutputFilterByType DEFLATE text/cache-manifest
    AddOutputFilterByType DEFLATE text/calendar
    AddOutputFilterByType DEFLATE text/markdown
    AddOutputFilterByType DEFLATE 文本/Vcard
    AddOutputFilterByType DEFLATE text/vnd.rim.location.xloc
    AddOutputFilterByType DEFLATE text/vtt
    AddOutputFilterByType DEFLATE text/x-component
    AddOutputFilterByType DEFLATE text/x-cross-domain-policy
</IfModule>
<ifModule mod_gzip.c>
    mod_gzip_on 是
    mod_gzip_dechunk 是
    mod_gzip_item_include file . (html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*。
    mod_gzip_item_exclude mime ^image/.*.
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

#重定向
<IfModule mod_rewrite.c>
    重寫引擎在
    重寫選項繼承

    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

    RewriteCond %{HTTP_HOST} ^www. ^www.(. )$ [NC]
    RewriteRule ^ %{ENV:PROTO}://%1%{REQUEST_URI} [R=301,L)

    RewriteCond %{HTTP_HOST}. ^talesebner.com$
    RewriteRule ^mail/?$ "https://sxb1plzcpnl453513.prod.sxb1.secureserver.net:2096/" [R=301,L]

    RewriteCond %{HTTP_HOST} ^talesebner.com$
    RewriteRule ^cpanel/?$ "https://sxb1plzcpnl453513.prod.sxb1.secureserver.net:2083/" [R=301,L]

    RewriteCond %{HTTP_HOST} ^talesebner.com$
    RewriteRule ^cv/?$ "https://talesebner.com/tales-ebner-cv.pdf" [R=301,L]

    RewriteCond %{HTTP_HOST} ^talesebner.com$
    RewriteRule ^portfolio/?$ "https://www.figma.com/proto/uAmDiShc6IahLeyhizKPQx/[Tales-Ebner]?node-id=282:15&viewport=-1412,635,0.3143424093723297&scaling=contain&hotspot-hints=0&hide-ui=1" [R=301,L]

    RewriteCond %{HTTP_HOST} ^talesebner.com$
    RewriteRule ^vcard/?$ "https://talesebner.com/tales-ebner.vcf" [R=301,L]

    RewriteCond %{HTTP_HOST} ^talesebner.com$
    RewriteRule ^regex/?$ "https://talesebner.com/regex.html" [R=301,L]

    RewriteCond %{HTTP_HOST} ^talesebner.com$
    RewriteRule ^old/2013/?$ "https://web.archive.org/web/20140714190641/http://tales.ebner.com.br/" [R=301,L]

    RewriteCond %{HTTP_HOST} ^talesebner.com$
    RewriteRule ^old/2014/?$ "https://web.archive.org/web/20141218124503/http://ebner.com.br/" [R=301,L]

    RewriteCond %{HTTP_HOST} 改寫規則 ^talesebner.com$
    RewriteRule ^old/2016/?$ "https://web.archive.org/web/20161002001905/http://ebner.com.br/" [R=301,L]
</IfModule>

#expire headers
<FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf)$" >
    頭部設定Cache-Control "max-age=31536000, public"
</FilesMatch>
<FilesMatch ". (ttf|otf|woff|woff2)$">
    頭部設定Cache-Control "max-age=31536000, public"
</FilesMatch>

過期激活 在
ExpiresDefault "訪問加31536000秒"
ExpiresByType image/x-icon "訪問時間加31536000秒"
ExpiresByType image/jpeg "訪問時間加31536000秒"
ExpiresByType image/jpg "訪問時間加31536000秒"
ExpiresByType image/png "訪問時間加31536000秒"
ExpiresByType image/gif "訪問時間加31536000秒"
ExpiresByType image/webp "訪問時間加31536000秒"
ExpiresByType text/css "訪問時間加31536000秒"
ExpiresByType text/javascript "access plus 31536000 seconds"
ExpiresByType application/javascript "access plus 31536000 seconds"
ExpiresByType application/x-javascript "access plus 31536000 seconds"
ExpiresByType text/html "訪問時間加31536000秒"
ExpiresByType application/xhtml xml "access plus 31536000 seconds"
ExpiresByType font/ttf "訪問時間加31536000秒"
ExpiresByType font/otf "訪問時間加31536000秒"
ExpiresByType font/woff "訪問時間加31536000秒"
ExpiresByType font/woff2 "訪問時間加31536000秒"

#Cache-Control Headers
<IfModule mod_headers.c>
    頭部設定X-Frame-Options SAMEORIGIN
    頭部設定X-Content-Type-Options nosniff
    頭部設定X-XSS-Protection "1"
    頭部設定Cache-Control "private, max-age=31536000, must-revalidate"
    頭部設定Content-Security-Policy "default-src 'self'; style-src 'self' fonts.googleapis.com; font-src 'self' fonts.gstatic.com; script-src 'self' ' unsafe-inline'; object-src 'none'"
    頭部總是設定Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" env=HTTPS
</IfModule>

#關閉ETags
頭部未設定 Pragma
FileETag 無
頭部取消ETag的設定

uj5u.com熱心網友回復：

你的圖片在https://example.com/（沒有www）上對我來說似乎加載得很好--所以也許你已經解決了這個問題？然而，你的www到非www的重定向有一個問題，導致重定向回圈，所以如果你使用www.example.com來參考你的任何圖片，那么它們將無法加載。(順便說一下，由于這是一個301(永久)重定向，那么你有可能看到一個錯誤的快取回應。)

在你的網站上，你看到了一個錯誤的快取。

RewriteCond %{HTTP_HOST}. ^www. (. )$ [NC]
RewriteRule ^ %{ENV:PROTO}://%1%{REQUEST_URI} [R=301,L)

在你發布的代碼中，PROTO環境變數似乎沒有被設定，這導致相對（畸形）重定向到https://www.example.com/<filepath-to-document-root>://example.com/foo，這自然會導致重定向回圈。

你應該硬編碼

。

你應該對https協議進行硬編碼，正如所有其他指令一樣：

:
RewriteRule ^ https://%1%{REQUEST_URI} [R=301,L]

這個PROTO環境變數有可能是要在你所繼承的.htaccess檔案（或父級配置）中設定的（RewriteOptions繼承指令的目的）--如果有的話--但情況似乎并非如此。

---

此外，除非您打算實施HSTS，否則您應該將HTTP轉為HTTPS以及www轉為非www的規則倒置，以避免在請求http://www.example.com/（即HTTP和www）時出現不必要的雙重重定向。例如：

# 1. 將www重定向到非www（和HTTPS）。
RewriteCond %{HTTP_HOST} ^www.(. )$ [NC] 。
RewriteRule ^ https://%1%{REQUEST_URI} [R=301,L]

# 2. 將HTTP重定向到HTTPS(已經非www)
RewriteCond %{HTTPS} off
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/328147.html

標籤：

上一篇：如何根據隊友來預測贏家

下一篇：取R中列組的第一個值