利用nginx解决跨域问题的方法（以flask为例）

当我们使用 Flask 构建 API 并通过 AJAX 请求进行数据传递的时候，容易遇到跨域问题，这时候可以使用 Nginx 转发解决跨域问题。

方法一

下面是一个简单的 Nginx 配置，将 Flask 提供的 API 接口转发到本地 5000 端口，即可解决跨域问题。

首先安装并启动 Nginx，然后创建一个名为 myapp.conf 的 Nginx 配置文件，以下是具体的步骤：

1. 修改 Nginx 配置文件

打开 nginx.conf 文件，将 /etc/nginx/conf.d/ 目录下的 default.conf 文件删除。

sudo rm /etc/nginx/conf.d/default.conf
sudo vim /etc/nginx/nginx.conf

将以下内容添加到 Nginx 配置文件的 http 块中。

upstream flask {
    server 127.0.0.1:5000;
}

server {
    listen 80;
    server_name yourdomain.com;

    location / {
        proxy_pass http://flask/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        add_header Access-Control-Allow-Origin *;
    }
}

1. 检查 Nginx 配置文件是否正确

使用以下命令检查 Nginx 配置文件的正确性

sudo nginx -t

1. 重启 Nginx

使用以下命令重启 Nginx

sudo systemctl restart nginx

方法二

在 Flask 中，使用 Flask-CORS 扩展可以提供跨域支持。通过配置 Flask-CORS，可以允许某些来源的 AJAX 请求。这是通过添加一些 CORS 标头来实现的。

下面是 Flask-CORS 的安装和配置步骤：

1. 安装 Flask-CORS

使用以下命令安装 Flask-CORS。

pip install flask-cors

1. 添加 Flask-CORS 配置

在 Flask 应用程序中，添加以下配置来启用 CORS：

from flask import Flask, jsonify
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

@app.route('/api')
def api():
    data = {'message': 'Hello, World!'}
    return jsonify(data)

1. 添加额外的配置

如果仅要允许特定的域名，则可以在 CORS(app) 中添加 origins 参数。如果要允许所有来源，可以将 origins 设置为 *。

CORS(app, origins=['example.com'])
# OR
CORS(app, origins='*')

现在，当我们通过 AJAX 请求 Flask API 时，我们就可以像这样配置：

$.ajax({
    url: 'http://yourdomain.com/api',
    method: 'GET',
    dataType: 'json',
    success: function(data) {
        console.log(data.message);
    }
});

以上就是利用 Nginx 和 Flask-CORS 解决跨域问题的两种方法，可以根据自己的需求选择其中一种。