css - 当引用 https 服务器上的 css 文件时,Angular 获取 CORS No Access-Control-Allow Origin

标签 css angular cross-domain access-control

我有一个带有 Web api 后端的 Angular 5 应用程序,但是我只想在生产服务器上引用 CSS 文件。

我该怎么做才能避免跨源问题(cors 在 Web API 上启用,但它不是 Web API,它只是 IIS 服务器网站上的一个 CSS 文件。

Access to Font at 'https://prodserver/Content/Styles/fonts/icomoon.ttf?53j0gm' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' ...

我试图在我的 Angular 应用程序中使用 CORS,它与 web api cors 无关,而且我没有使用节点,

这只是 CSS ...

最佳答案

您需要为 CORS 配置 Web 服务器。您包含的错误不是针对 CSS,而是针对字体。字体在某些浏览器上受 CORS 限制

https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

关于css - 当引用 https 服务器上的 css 文件时,Angular 获取 CORS No Access-Control-Allow Origin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48670153/

相关文章:

CSS3 媒体查询不适用于 iPod/iPhone 上的 Safari

具有多个类的 JavaScript Accordion 脚本

javascript - Angular 2 : How to change iFrame src?

javascript - 什么是 window.origin?

javascript - 尽管有凭据 : "include",但未发送 Cookie

javascript - 通过在 JavaScript 中单击父项的兄弟项来删除事件类

javascript - CSS 宽度转换不够快,与 translateX 结合时会导致 UI 抖动

angular - 错误 TS2307 : Cannot find module 'marked' or its corresponding type declarations

angular - Angular2 表单输入中的 #name 和 [(ngModel)] ="name"有什么区别?

android - phonegap jQuery .ajax 跨域请求在浏览器中工作,在 Android SDK 中失败