flask與Flask-CORS的使用

flask與Flask-CORS的使用

1、安裝

pip install flask-cors

2、使用css

# 文件:manage.py

from flask_cors import CORS
from flask import Flask, views, request

app = Flask(__name__)
cors = CORS()
cors.init_app(app=app, resources={r"/v1/*": {"origins": "*"}})


class User(views.MethodView):

    def get(self):
        return "{method}-{path}".format(
            method=request.method,
            path=request.path)


class Order(views.MethodView):

    def get(self):
        return "{method}-{path}".format(
            method=request.method,
            path=request.path)


app.add_url_rule("/v1/user", view_func=User.as_view(name="user"))
app.add_url_rule("/v2/order", view_func=Order.as_view(name="order"))

if __name__ == '__main__':
    app.run()

咱們經過建立一個html,使用ajax發送請求,測試是否設置成功html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="url_path"><br>
<input type="submit" value="提交" id="btn">
</body>


<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

<script>

    $("#btn").click(function () {
        $.ajax({
            url: $("#url_path").val(),
            type: "get",
            success: function (data) {
                console.log(data)
            }
        })
    })


</script>
</html>

測試訪問兩個路由python

url:http://127.0.0.1:5000/v1/userjquery

另一個url:http://127.0.0.1:5000/v2/orderajax

若是你是想實現不一樣的藍圖實現是否容許跨域的話,也是同樣。flask

# 此時的app就是藍圖對象
cors.init_app(app=app)
相關文章
相關標籤/搜索