我已经关注了https://developer.mozilla.org/en-US/docs/Learn/Server-side/Apache_Configuration_htaccess#cross-origin_images这些stackoverflow回答了Access-Control-Allow-Origin Multiple Origin Domains?
试着让它很好地工作。但它在某些来源和某些来源上产生了不匹配,它按预期工作。
htaccess 更新
<IfModule mod_rewrite.c>
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
# Allowing fonts for specific origins on mtn domains and local testing
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
SetEnvIf Origin "^http(s)?://(.+\.)?(fiddle\.jshell\.net|lab4\.onlinecms\.mtn\.co\.za|mtndecoupled\.lndo\.site:444|localhost:4200)$" AccessControlAllowOrigin=$0
Header add Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
Header set Access-Control-Allow-Credentials true
</FilesMatch>
</IfModule>
</IfModule>
</IfModule>
CORS错误截图:
mtndecoupled.lndo.site:444 https://share.getcloudapp.com/geuA8QxY
lab4.onlinecms.mtn.co.za https://share.getcloudapp.com/Wnu0z94G
localhost:4200 https://share.getcloudapp.com /P8uGvzgx
jsfiddle https://jsfiddle.net/ft92z8c3/1
编辑
浏览器控制台中的错误消息:
CORS header 'Access-Control-Allow-Origin' does not match 'mtndecoupled.lndo.site:444'
不确定是模块检查还是设置环境正则表达式。我希望有人可以为此提供更多信息以及如何解决它。
感谢任何反馈。