html - @import css 导致 No 'Access-Control-Allow-Origin' header 错误

Question

我的元素的 css 文件中有这一行:

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

当我在我的网络服务器上加载页面时，这会导致错误

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

我读到托管 .css 文件的服务器必须在他们的网络服务器上添加一个 Access-Control-Allow-Origin * 东西，但我不拥有这个所以......

(我也试过添加这个

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

在我的 nginx 配置中它没有帮助，但我认为我不必更改我的网络服务器上的任何东西，对吗？)

Answer 1

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

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

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

这将解决您的问题。