javascript - Javascript 中的 CORS 实现

Question

我想访问放置在其他服务器中的资源。我想从 javascript 访问它，我尝试按照教程 here 实现 CORS 。 。但不知道如何使用 Access-Control-Allow-Origin header 配置其他服务器，因此浏览器仍然不允许访问。然后我尝试为 chrome 安装 CORS 扩展，它起作用了，但是 chrome 扩展的问题是，如果我从同一服务器访问任何资源，其中网页被提升，我会收到此错误:“Access-Control-Allow-” Origin' header 包含多个值，但只允许一个。 Origin _ ，因此不允许访问。

如果 Chrome 扩展程序跨域资源访问有效，但来自同一域的资源访问失败。我想通过代码而不是扩展来实现CORS。

Answer 1

有两种方法可以做到这一点:

1. 在 chrome 中添加 chrome 扩展 CORS，那么如果你尝试进行跨域 XMLHTTPRequest ，浏览器不会提示，它会加载跨域资源。

2. 如果不想扩展，还有一个办法就是配置跨域服务器。下面是wamp服务器的流程

   • 打开文件 apache/conf/httpd.conf 并取消注释以下行:

   LoadModule headers_module modules/mod_headers.so

   • 在“目录”标签下添加以下行

     <IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>

   如果您想允许所有服务器跨域，请使用 *，否则请明确给出服务器名称。现在保存 httpd.conf 文件并重新启动 wamp 服务器。