如何解决“No'Access-Control-Allow-Origin'标题存在”？

Question

我正在尝试使用WebRTC在Web浏览器中按照此代码框进行视频聊天：

https://codelabs.developers.google.com/codelabs/webrtc-web/#7

我的问题是，当我尝试连接到另一台计算机上的localhost：8080时，我会在网络浏览器控制台中看到它：

XMLHttpRequest cannot load https://computeengineondemand.appspot.com/turn?
username=41784574&key=4080218913. No 'Access-Control-Allow-Origin' header is
present on the requested resource. Origin 'http://192.168.1.5:8080' is
therefore not allowed access.

Answer 1

检查浏览器执行的网络请求。它应该以{{1​​}}类型的请求开始。

如果您的服务器收到该消息，请将错误消息中的标头字段与用户正在访问的域名一起发回，例如：

OPTIONS

这是一项安全功能，可防止浏览器从第三方网页访问您的API。它并不完美，但仍能阻止基本攻击和操纵尝试。

出于调试目的（或者如果您希望任何人在任何其他页面上使用您的API），您可以传递值Access-Control-Allow-Origin: example.com ，这实际上会禁用此检查。