【python学习笔记】关于python Flask前后端分离跨域问题

关于python Flask前后端分离跨域问题

前后端分离过程中,前后端对接测试难免遇到跨域问题。因为是个新司机,所以在我经过一天的测试,才找到解决办法=-=
第一种方法

from functools import wraps
from flask import make_response


def allow_cross_domain(fun):
    @wraps(fun)
    def wrapper_fun(*args, **kwargs):
        rst = make_response(fun(*args, **kwargs))
        rst.headers['Access-Control-Allow-Origin'] = '*'
        rst.headers['Access-Control-Allow-Methods'] = 'PUT,GET,POST,DELETE'
        allow_headers = "Referer,Accept,Origin,User-Agent"
        rst.headers['Access-Control-Allow-Headers'] = allow_headers
        return rst
    return wrapper_fun



@app.route('/hosts/')
@allow_cross_domain
def domains():
    pass

第二种方法
这也是我用的比较简单的方法,引用一个库文件Flask-CORS。http://flask-cors.readthedocs.io/en/latest/具体可以参考官方文档,可以直接用pip安装。
下面是我的引用方法

#!/usr/bin/python
# -*- coding: utf-8 -*-

from flask import Flask, request, make_response, redirect
import json,os,sys
from flask_cors import CORS, cross_origin #导入包
app = Flask(__name__)
app.debug = True
CORS(app, supports_credentials=True)#设置参数
from vpn_base import vpn_index_dict
from vpn_global import *
前后端分离是一种常见的Web开发模式,它的主要思想是将前端和后端分离开来,前端负责展示数据和交互逻辑,后端负责处理数据和业务逻辑。这种模式有助于提高开发效率、降低开发成本、提高系统的可维护性和可扩展性。 在Python Flask中实现前后端分离可以采用以下步骤: 1. 定义API接口:使用Flask框架定义API接口,可以使用Flask-Restful扩展,也可以自己编写路由和控制器。 2. 实现前端页面:可以使用Vue、React等前端框架,也可以直接使用HTML、CSS、JavaScript等技术实现页面。 3. 发送请求:前端页面通过AJAX或者Fetch等技术向后端API发送请求,获取数据。 4. 处理数据:后端API接收到前端请求后,处理数据并返回JSON格式的数据给前端。 5. 显示数据:前端页面接收到后端返回的数据后,使用Vue、React等技术将数据渲染到页面上。 在实现前后端分离时,需要注意以下几点: 1. 接口设计:API接口的设计需要考虑到前端的需求,保证前端能够方便地获取和使用数据。 2. 跨域问题:由于前后端分离的模式下,前端和后端通常运行在不同的域名下,因此需要解决跨域问题,可以使用Flask-CORS扩展或者其他解决方案。 3. 安全问题:由于前端和后端分离,前端页面可以直接访问API接口,因此需要考虑安全问题,可以使用JWT等认证和授权技术。 4. 系统架构:前后端分离的模式需要考虑系统的架构,通常需要使用Nginx等反向代理服务器进行管理。 总之,Python Flask实现前后端分离是一种非常流行和实用的开发模式,可以提高开发效率和系统的可维护性和可扩展性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

leason00

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值