本文将介绍FlaskRESTfulAngular跨域问题：PUT，OPTIONS方法的详细情况，特别是关于flask解决跨域的相关信息。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主

本文将介绍Flask RESTful Angular跨域问题：PUT，OPTIONS方法的详细情况，特别是关于flask解决跨域的相关信息。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于'python run.py'在终端机（mac）中不起作用 flask_restful已安装给出错误：'ModuleNotFoundError：没有名为'flask_restful'的模块''、angular restful post请求、angular 获取 restful 数据跨域问题、Angular2 OPTIONS方法发送时要求http.GET的知识。

• Flask RESTful Angular跨域问题：PUT，OPTIONS方法（flask解决跨域）
• 'python run.py'在终端机（mac）中不起作用 flask_restful已安装给出错误：'ModuleNotFoundError：没有名为'flask_restful'的模块''
• angular restful post请求
• angular 获取 restful 数据跨域问题
• Angular2 OPTIONS方法发送时要求http.GET

Flask RESTful Angular跨域问题：PUT，OPTIONS方法（flask解决跨域）

我用Flask Restful开发了一个小型的只写REST
api，该API接受来自少数可能具有更改IP地址的客户端的PUT请求。我的客户是运行AngularJS前端的嵌入式Chromium客户。他们使用一个简单的魔术密钥通过我的API进行身份验证-
这对于我非常有限的规模就足够了。

我正在测试部署我的API的过程，并且我注意到Angular客户端正在尝试向我的Flask服务发送OPTIONS
http方法。同时，我的API使用404进行答复（因为我还没有编写OPTIONS处理程序，所以只编写了PUT处理程序）。似乎在发送非POST或GET的跨域请求时，Angular会在服务器上发送预检OPTIONS方法，以确保在发送实际请求之前跨域请求已被接受。那正确吗？

无论如何，如何允许所有跨域PUT请求到Flask Restful
API？之前，我曾将跨空间装饰器与（非静态的）Flask实例一起使用，但是我是否还需要在我的API中编写一个OPTIONS处理程序？

答案1

我通过重写Flask后端以在我的PUT响应中使用Access-Control-Allow-
Origin标头进行回答来解决了该问题。此外，我在Flask应用程序中创建了一个OPTIONS处理程序，通过遵循我在http
RFC中阅读的内容来回答options方法。

PUT方法的返回看起来像这样：

return restful.request.form, 201, {''Access-Control-Allow-Origin'': ''*''}

我的OPTIONS方法处理程序如下所示：

def options (self):    return {''Allow'' : ''PUT'' }, 200, \    { ''Access-Control-Allow-Origin'': ''*'', \      ''Access-Control-Allow-Methods'' : ''PUT,GET'' }

@tbicr是正确的：Flask会自动为您回答OPTIONS方法。但是，在我的情况下，它没有传输带有该答案的Access-Control-Allow-
Origin标头，因此我的浏览器从api得到了答复，这似乎暗示着不允许跨域请求。在我的情况下，我超载了选项请求，并添加了ACAO标头，浏览器似乎对此感到满意，并在OPTIONS中使用了一个PUT，该方法也有效。

'python run.py'在终端机（mac）中不起作用 flask_restful已安装给出错误：'ModuleNotFoundError：没有名为'flask_restful'的模块''

kubectl describe pods <podid>

location /api {
    proxy_pass   http://localhost:8080/angular/demo;
}

{
  "/api": {
    "target": "http://localhost",
    "secure": false
  }
}

public login() {
    // Set basic auth headers
    this.defaultHeaders.set('Authorization','Basic ' + btoa(this.username + ':' + this.password));

    console.log('username',this.username)
    console.log('password',this.password)
    console.log(this.defaultHeaders)

    // rest is copy paste from monbanquetapiservice
    const path = this.basePath + '/api/v1/development/order';        

    let req = this.http.get(path,{ headers: this.defaultHeaders });
    req.subscribe(
        _ => { },err => this.onError(err)
    );
}

OPTIONS /api/v1/development/order HTTP/1.1
Host: localhost:8080
Connection: keep-alive
Access-Control-Request-Method: GET
Origin: http://localhost:3000
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML,like Gecko) Chrome/49.0.2623.110 Safari/537.36
Access-Control-Request-Headers: authorization,content-type
Accept: */*
Referer: http://localhost:3000/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-GB,en-US;q=0.8,en;q=0.6,fr;q=0.4