组织结构图 js 错误：请求的资源上不存在'Access-Control-Allow-Origin'标头

Question

我正在用org .js和简单的php编写一个组织结构图创建程序。(不使用任何框架)。但是它给了我以下错误:

从源'https://xxxxxx.com'访问'https://uk-s-balkangraph.azurewebsites.net/api/OrgChartJS'的XMLHttpRequest已被CORS策略阻止:请求的资源上没有'Access- control - allow - origin '标头。

我还在.htaccess文件中放入了以下代码，但它不起作用:

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

我还在index.php文件中放入了以下代码，但它不起作用:

header("Access-Control-Allow-Origin: *");

我是个业余程序员。请指引我

Answer 1

有多种方法:

1. 设置标题而不是添加

不用header add，可以用header set

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header set Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

这也是我下一个命题要做的。

2. 使用apache/nginx虚拟主机配置

在VirtualHost配置中(在apache中)，您可以使用:

<VirtualHost myhost:80>
Header set Access-Control-Allow-Origin "*"
</VirtualHost>

3. 更多使用PHP头文件:

header('Access-Control-Allow-Headers: Access-Control-Allow-Origin, Content-Type');
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS');