如何使用访问控制允许来源?它只是在html头标签之间吗?

新手上路,请多包涵

我一直在阅读关于 Access-Control-Allow-Origin 因为它似乎有效地允许跨域请求,因为我可以访问外部站点。我的问题是如何使用 Access-Control-Allow-Origin 来允许跨域请求。我试过这个(别笑)(顺便说一句,我想要一个数字,返回 1 或 0)

 <html>
<head>
Access-Control-Allow-Origin: *
</head>
<body>
1
</body>
</html>

我接近了吗?谢谢你的帮助。如果有更简单的方法来执行简单的跨域请求,请告诉我。

原文由 davis 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 360
2 个回答

那是一个 HTTP 标头。您将配置您的网络服务器或网络应用程序以理想地发送此标头。也许在 htaccess 或 PHP 中。

或者,您也许可以使用

<head>...<meta http-equiv="Access-Control-Allow-Origin" content="*">...</head>

我不知道这是否可行。并非所有 HTTP 标头都可以直接在 HTML 中配置。

这可以替代许多 HTTP 标头,但请参阅下面的 @EricLaw 评论。这个特定的标题是不同的。

警告

这个答案是关于如何设置标题的。我对允许跨域请求一无所知。

关于 HTTP 标头

每个请求和响应都有标头。浏览器将其发送到网络服务器

GET /index.htm HTTP/1.1

然后是标题

Host: www.example.com
User-Agent: (Browser/OS name and version information)
.. Additional headers indicating supported compression types and content types and other info

然后服务器发送响应

Content-type: text/html
Content-length: (number of bytes in file (optional))
Date: (server clock)
Server: (Webserver name and version information)

可以配置其他标头,例如 Cache-Control ,这完全取决于您的语言(PHP、CGI、Java、htaccess)和网络服务器(Apache 等)。

原文由 700 Software 发布,翻译遵循 CC BY-SA 3.0 许可协议

如果您正在使用 npm 并且想要加载一些允许跨源资源共享 (CORS) 的文件/文件夹,请尝试以下操作,安装 http-server:

npm install http-server -g

转到您的文件/文件夹文件夹并运行以下命令以使您的文件/文件夹在 http://127.0.0.1:8080 可用。当您想要将文件保存在安全的地方并控制谁可以请求对其进行推断时,这是一个不错的选择。添加了 -c1 参数以禁用缓存,并且 --cors 标志启用跨源资源共享 (CORS),允许客户端 JavaScript 为给定域使用托管文件。

http-server -c1 --cors .

它在 Windows 10 上的 WSL-ubuntu 终端中为我工作。它应该在任何操作系统上与 npm CLI 一起工作。

谢谢你。

原文由 Waqar Dongre 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题