xhttp.send（）命令，“被CORS策略阻止：仅支持跨源请求...”等

Question

JS函数中的以下代码行运行良好。但是，send()方法突然产生了以下错误，并且无法链接到我的localhost DB ...

  xhttp.open("GET", "connect_db.php?q="+str, true);
  xhttp.send();

控制台日志中的全部错误是：

  

在以下位置访问XMLHttpRequest   '文件：///Users/liamjf/.bitnami/stackman/machines/xampp/volumes/root/htdocs/selectQuery.php？q = eu'   来自原点“ null”的信息已被CORS政策阻止：交叉原点   仅协议方案支持请求：http，data，chrome，   chrome-extension，https

Answer 1

在某些浏览器的本地主机上进行测试时，CORS策略可能会出现问题。解决此问题的一种简单方法是将一个域名添加到指向localhost的主机文件中，然后通过该域名而不是localhost来引用站点。然后，该请求应由同源策略自动允许。

否则，您将需要添加

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: "GET, PUT, POST, DELETE, HEAD, OPTIONS"

访问本地网络服务器上的HTTP标头，即使如此，它也可能无法在所有浏览器中使用。