[flask] flask api + vue 跨域问题

2021-01-28 06:13

阅读:725

标签:主机   run   设置   creat   pre   添加   demo   pkg   前端   

问题

使用flask提供json数据,用vue在前端获取json数据展示。

发现无法获取到该json数据,但其它网站的api的json数据是可以拿到的。

解决

后来,查到是由于遇到跨域请求的问题,通过设置flask允许其它域访问即可。

域 = 协议名 + 主机名 + 端口号

禁止不同域的访问是为了防止CSRF(跨站请求伪造)攻击。

通过CORS(跨源资源共享)允许的请求。

添加如下语句开启允许访问的资源:

CORS(app, resources=r'/*')

示例

demo.py

from flask import Flask
from flask_cors import CORS

app = Flask(__name__)
CORS(app, resources=r'/*')

@app.route('/')
def hello_world():
    return {'hello': 'world!'}

if __name__ == '__main__':
    app.run(debug=True, host='0.0.0.0')

test.html

---- {{info}}

PS

同理,不仅是flask会出现跨域请求的问题,其它语言为了安全性,也是有禁止跨域请求的。

[flask] flask api + vue 跨域问题

标签:主机   run   设置   creat   pre   添加   demo   pkg   前端   

原文地址:https://www.cnblogs.com/maplesnow/p/11906473.html


评论


亲,登录后才可以留言!