启用 Webiopi CORS 请求

Posted 2023-03-13

【中文标题】启用 Webiopi CORS 请求

【英文标题】：Enable Webiopi CORS request

【发布时间】：2019-04-26 16:18:05

【问题描述】：

我想在 Raspberry 上运行的浏览器中从我的 Angular 应用程序调用 Webiopi REST API。由于 Webiopi HTTP 服务器不允许 CORS 请求，因此我使用 apache 创建了一个代理，该代理发送 Header add "Access-Control-Allow-Origin" "*" 标头。

这工作正常，但是对 REST API 的调用会引发许多错误，主要是因为浏览器会在 CORS 请求的情况下向服务器发送一个 OPTIONS 请求以检查它是否被允许。但是 webiopi http 处理程序根本不处理 OPTIONS 动词。

所以我开始自己编写代码，零python经验。在文件 python/webiopi/protocols/http.py 我最后添加了：

def do_OPTIONS(self):
    self.send_response(200,"ok")
    self.send_header("Access-Control-Allow-Origin", "*")
    self.send_header("Access-Control-Allow-Methods", "POST,GET,OPTIONS")
    self.send_header("Access-Control-Allow-Headers", "Authorization")
    self.send_header("Access-Control-Allow-Headers", "Content-Type")
    self.end_headers()

现在它不会引发任何错误，但不会对我的 GET 请求做出正确响应。它只是在选项之后停止。请求和响应如下所示：

请求标头：

OPTIONS /GPIO/1/value HTTP/1.1
Host: localhost:8000
Connection: keep-alive
Access-Control-Request-Method: GET
Origin: http://192.168.1.108:51443
User-Agent: Mozilla/5.0 (X11; Linux armv7l) AppleWebKit/537.36 (Khtml, like Gecko) Raspbian Chromium/65.0.3325.181 Chrome/65.0.3325.181 Safari/537.36
Access-Control-Request-Headers: authorization
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: hu-HU,hu;q=0.9,en-US;q=0.8,en;q=0.7

响应标头：

HTTP/1.1 200 OK
Date: Fri, 23 Nov 2018 22:06:28 GMT
Server: WebIOPi/0.7.1/Python3.5
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST,GET,OPTIONS
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET,POST,OPTIONS
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Transfer-Encoding: chunked

常规（来自 chrome 网络标签）：

Request URL: http://localhost:8000/GPIO/1/value
Request Method: OPTIONS
Status Code: 200 OK
Remote Address: [::1]:8000
Referrer Policy: no-referrer-when-downgrade

我的 GET 请求在哪里？为什么我只看到我根本没有启动的选项？

来自 Angular 的请求：

this.http.get<number>(this.route+'GPIO/'+gpio+'/value').subscribe(result => 
                resolve(result);
            )

【问题讨论】：

您是否在浏览器控制台中收到任何类型的错误消息？

@GreyBeardedGeek 我必须在 OPTIONS 中启用所有标题，然后发布解决方案。感谢您的帮助！

【参考方案1】：

我必须启用 http 服务器的所有标头：

def do_OPTIONS(self):
    self.send_response(200,"ok")
    self.send_header("Access-Control-Allow-Origin", "*")
    self.send_header("Access-Control-Allow-Methods", "*")
    self.send_header("Access-Control-Allow-Headers", "*")
    self.end_headers()