flask跨域问题

最新推荐文章于 2024-03-05 16:22:18 发布

落难Coder

最新推荐文章于 2024-03-05 16:22:18 发布

阅读量990

点赞数

分类专栏：偏爱小技巧文章标签： python flask

本文链接：https://blog.csdn.net/u014297502/article/details/124460132

版权

偏爱小技巧专栏收录该内容

38 篇文章 6 订阅

订阅专栏

# pip install flask_restful
from flask import Flask, jsonify
from flask_restful import Api, Resource, reqparse

USERS = [
    {"name": "zhangsan"},
    {"name": "lisi"},
    {"name": "wangwu"},
    {"name": "zhaoliu"}
]

class Users(Resource):
    def get(self):
        return jsonify(USERS)

    def post(self):
        args = reqparse.RequestParser() \
            .add_argument('name', type=str, location='json', required=True, help="名字不能为空") \
            .parse_args()

        self.logger.debug(args)

        if args['name'] not in USERS:
            USERS.append({"name": args['name']})

        return jsonify(USERS)

app = Flask(__name__)
api = Api(app, default_mediatype="application/json")

api.add_resource(Users, '/users')

app.run(host='0.0.0.0', port=5001, use_reloader=True, debug=True)

<html>
<body>

<button type="button" onclick="jump()">Click Me!</button>
<script>
    function jump(){
        let xhr = new XMLHttpRequest();
        xhr.open('GET', "http://192.168.0.171:5001/users", true);
        xhr.send();

        xhr.onreadystatechange = processRequest;

        function processRequest(e) {
            if (xhr.readyState == 4 && xhr.status == 200) {
                let response = JSON.parse(xhr.responseText);
                console.log(response)
            }
        }
    }
</script>
</body>
</html>

解决跨域

# pip install flask-cors
from flask import Flask, jsonify
from flask_restful import Api, Resource, reqparse
from flask_cors import CORS # 增加

USERS = [
    {"name": "zhangsan"},
    {"name": "lisi"},
    {"name": "wangwu"},
    {"name": "zhaoliu"}
]

class Users(Resource):
    def get(self):
        return jsonify(USERS)

    def post(self):
        args = reqparse.RequestParser() \
            .add_argument('name', type=str, location='json', required=True, help="名字不能为空") \
            .parse_args()

        self.logger.debug(args)

        if args['name'] not in USERS:
            USERS.append({"name": args['name']})

        return jsonify(USERS)

app = Flask(__name__)
CORS(app) # 增加
api = Api(app, default_mediatype="application/json")

api.add_resource(Users, '/users')

app.run(host='0.0.0.0', port=5001, use_reloader=True, debug=True)

落难Coder

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
flask跨域问题

# pip install flask_restfulfrom flask import Flask, jsonifyfrom flask_restful import Api, Resource, reqparseUSERS = [ {"name": "zhangsan"}, {"name": "lisi"}, {"name": "wangwu"}, {"name": "zhaoliu"}]class Users(Resource): def get(
复制链接

扫一扫