Flutter:请求的资源上不存在“Access-Control-Allow-Origin”标头

悉达普拉阿弥陀佛

我已经使用 python Flask 创建了 REST GET API,它的代码如下

app = Flask(__name__)
 
@app.route("/youtube")
def firstGetAPI():
 
    try:
        url = request.args.get('url')
        print(f'URL is {url}')
        res = "Success"
        response = flask.Response(res)
        response.headers.set('Access-Control-Allow-Origin', '*')
        response.headers.set('Access-Control-Allow-Headers', 'Content-Type,Authorization')
        response.headers.set('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
        return response, 200
    except Exception as e:
        response = {"status":"Fail", "message":str(e)}
        return json.dumps(response)
 
if __name__ == "__main__":
    app.run(host='0.0.0.0', debug=True, port=8080)

现在在前端,Flutter 代码如下

child: ElevatedButton(
                child: const Text('Download'),
                onPressed: () async {
                  var header = {
                    'Access-Control-Allow-Origin': '*',
                    "Accept": "application/json"
                  };

                  var url = Uri.parse(
                      'http://192.168.2.237:8080/youtube?url=www.google.com');

                  print('URL is : ${url}');
                  var response = await http.get(url, headers: header);
                  print('Response status: ${response.statusCode}');
                  print('Response body: ${response.body}');
                },
              ),

我已经在 Chrome 浏览器上运行了这个,但我总是收到如下错误

     URL is : http://192.168.2.237:8080/youtube?url=www.google.com
:49831/#/:1 Access to XMLHttpRequest at 'http://192.168.2.237:8080/youtube?url=www.google.com'
 from origin 'http://localhost:49831' has been blocked by CORS policy: Response to preflight 
 request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
browser_client.dart:74 GET http://192.168.2.237:8080/youtube?url=www.google.com net::ERR_FAILED

抱歉,我不知道这是 Python 还是 Flutter 的问题,我在这里合并了这两个代码,谢谢

Gursewak Singh |

第一个选项

1- 转到 flutter\bin\cache 并删除名为:flutter_tools.* 的文件

2- 转到 flutter\packages\flutter_tools\lib\src\web 并打开文件 chrome.dart。

3- 找到“--disable-extensions”

4- 添加'--disable-web-security'

第二个选项

在python代码header中添加header('Access-Control-Allow-Origin', '*')

在简单的 HTTP 服务器上启用访问控制

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

请求的资源错误中不存在“ Access-Control-Allow-Origin”标头

WebSockets请求中的请求资源上不存在“ Access-Control-Allow-Origin”标头

Java Spring:所请求的资源上不存在“ Access-Control-Allow-Origin”标头

所请求的资源上不存在“ Access-Control-Allow-Origin”标头(春季)

XMLHttpRequest请求的资源上不存在“ Access-Control-Allow-Origin”标头

Angular JS:所请求的资源上不存在“ Access-Control-Allow-Origin”标头

AJAX请求获取“所请求的资源上不存在“ Access-Control-Allow-Origin”标头”错误

Http.post请求的资源上不存在“ Access-Control-Allow-Origin”标头

请求资源ajax jquery phonegap上不存在“ Access-Control-Allow-Origin”标头

Express JS:所请求的资源上不存在“ Access-Control-Allow-Origin”标头

CORS政策:ionic 2中的请求资源上不存在“ Access-Control-Allow-Origin”标头

提取错误所请求的资源上不存在“ Access-Control-Allow-Origin”标头

角度6:请求的资源上不存在“ Access-Control-Allow-Origin”标头

接收请求的资源上不存在“ Access-Control-Allow-Origin”标头,并带有axios get请求

从Flask API获取“请求的资源上不存在'Access-Control-Allow-Origin'标头”

KeyCloak:所请求的资源上不存在“ Access-Control-Allow-Origin”标头

Javascript / Flask-请求的资源上不存在“ Access-Control-Allow-Origin”标头

在AJAX请求的请求资源上不存在“ Access-Control-Allow-Origin”标头

CORS问题:所请求的资源上不存在“ Access-Control-Allow-Origin”标头

请求的资源上不存在“ Access-Control-Allow-Origin”标头

keycloak 中请求的资源上不存在“Access-Control-Allow-Origin”标头

Apigee + Angular 请求的资源上不存在“Access-Control-Allow-Origin”标头

导轨。请求的资源上不存在“Access-Control-Allow-Origin”标头

Apache Tomcat 请求的资源上不存在“Access-Control-Allow-Origin”标头

请求的资源 Symfony 上不存在“Access-Control-Allow-Origin”标头

React、API 平台 - 请求的资源上不存在“Access-Control-Allow-Origin”标头

角度:请求的资源上不存在“Access-Control-Allow-Origin”标头

Laravel 修复请求的资源上不存在“Access-Control-Allow-Origin”标头

Express 应用程序中请求的资源上不存在“Access-Control-Allow-Origin”标头