首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Flutter:请求的资源上不存在“Access-Control-Allow-Origin”标头

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

Stack Overflow用户
提问于 2021-09-22 01:33:40
回答 1查看 484关注 0票数 0

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

代码语言:javascript
复制
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代码如下

代码语言:javascript
复制
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浏览器上运行了这个程序,但我总是收到如下错误

代码语言:javascript
复制
     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的问题,我已经在这里合并了这两个代码,谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-22 03:57:33

第一个选项

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

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

3-查找'--disable-extensions‘

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

第二个选项

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

Enable access control on simple HTTP server

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69277199

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档