json - 无法对 JSON 响应进行硬编码

Question

我目前正在使用 Angular 5.1.2，并且正在尝试从 http 请求中获取对象。为了验证我的代码，我硬编码了一个 JSON 响应并创建了一个 Python Anywhere 的 Web 服务，这就是我所做的：

HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Type: application/json; charset=UTF-8
{"Computer":[{
"ip":"192.168.0.142",
"mac":"39-D7-98-9E-5A-DC",
"name":"PC-DE-JEAN-CLAUDE"
},
{
"ip":"192.168.0.50",
"mac":"4D-49-98-30-8A-F5",
"name":"LIVEBOX-684J"
}]} 

但是，为什么我的 Angular 应用程序说“请求的资源上没有 'Access-Control-Allow-Origin' 标头”？谢谢

Answer 1

这是由于 CORS 防止 XSS 造成的服务器端问题。为了修复，请确保您的服务器响应标头Access-Control-Allow-Origin: *在验证此问题修复后，将此标头设置为您的网站 URL

Answer 2

它与CORS问题有关。当服务器和客户端在不同的地址上运行时会发生这种情况。要使其运行，服务器需要在其标头响应中将 Access-Control-Allow-Origin 作为 Key:Value 对返回。

Access-Control-Allow-Origin: *

将值指定为 * 表示该地址的内容可以被任何其他地址访问。

它是保护 Internet 应用程序的一层。