Html @导入css会导致No';访问控制允许原点';标题错误

Html @导入css会导致No';访问控制允许原点';标题错误,html,css,dart,Html,Css,Dart,我在我的项目的css文件中有一行: @导入url(http://reset5.googlecode.com/hg/reset.min.css); 当我在Web服务器上加载页面时,这会导致一个错误 XMLHttpRequest无法加载http://reset5.googlecode.com/hg/reset.min.css. 请求的资源上不存在“Access Control Allow Origin”标头。起源'http://mydomain.ca因此,不允许访问。响应的HTTP状态代码为403。

我在我的项目的css文件中有一行:

@导入url(http://reset5.googlecode.com/hg/reset.min.css);

当我在Web服务器上加载页面时,这会导致一个错误

XMLHttpRequest无法加载http://reset5.googlecode.com/hg/reset.min.css. 请求的资源上不存在“Access Control Allow Origin”标头。起源'http://mydomain.ca因此,不允许访问。响应的HTTP状态代码为403。

我已经读到,托管.css文件的服务器必须在其web服务器上添加一个
访问控制允许源代码*
的东西,但我没有这个,所以

(我也试着补充这一点

location ~* \.(eot|ttf|woff|css)$ {
    add_header Access-Control-Allow-Origin *;
}

在我的nginx配置中,它没有帮助,但我认为我不需要在我的web服务器上更改任何内容,是吗?

在某些情况下,当不允许访问外部文件时,这是一个常见错误

与其链接到Google文件,不如自己托管该文件,并在自己的服务器上链接到它

下载该文件,并保存在css文件夹(或任何你喜欢的地方),然后使用“link rel”链接到它


这将解决您的问题。

您也可以尝试添加这些其他标题@GünterZöchbauer,我不确定我是否了解您的想法。我正在css文件中使用此导入。Nginx正在管理我的文件,因此我不知道如何使用dart客户端代码添加标题。我只是想让您知道还有其他CORS标题(显示在链接的问题/答案中)。我想我误解了你的问题。如果
reset5.googlecode.com
本身没有添加CORS头,那么您就倒霉了。这就是@Art Badger试图指出的。将文件复制到您自己的服务器上,并使用Nginx或支持CORS的任何其他CDN为其提供服务。