Flask 项目解决跨越问题

Flask 项目解决跨越问题

在 flask 前后端分离项目开发中，通常会遇到跨域问题。

在后端处理中可以使用 flask-cors 库来解决。

下载 flask-cors

pip install flask-cors

在 flask 中提供了两种解决方案，一种是通过装饰器 @cross_origin，相对来说安全性高

from flask import Flask
from flask_cors import cross_origin

app = Flask(__name__)

@app.route('/')
@cross_origin()
def hello():
    return 'Hello'

第二种方法是在 app 中全局设置

from flask import Flask
from flask_cors import CORS

app = Flask(__name__)
COSR(app, supports_credentials=True)

@app.route('/')
def hello():
    return 'Hello'

在前端处理中可以在项目根目录下新建 vue.config.js， 添加如下的代码

module.exports = {
    devServer: {
        host: 'localhost',
        port: '5000',
        // 设置开发接口代理
        proxy: {
            'server': {
                target: 'http://localhost:5000',
                // 协议+主机+端口
                changeOrigin: true,
                pathRewrite: {
                    '^/server': '/'
                    // 通过 pathRewrite 重写地址，将前缀 ^/server 转为 /
                }
            }
        }
    }
}