Nginx 反向代理 Flask 应用：解决 CSS 和 PNG 静态文件 404 错误

要将 Flask 应用程序反向代理到 Nginx 上，可以按照以下步骤进行设置：

1. 安装 Nginx：

   • 前往 Nginx 的官方网站（https://nginx.org/），下载适用于 Windows 的 Nginx 安装程序。
   • 运行安装程序，并按照提示进行安装。

2. 配置 Nginx：

   • 打开 Nginx 安装目录，找到 'conf/nginx.conf' 文件，并用文本编辑器打开它。

   • 在 'http' 块内添加以下代码，将所有请求反向代理到 Flask 应用程序：

     server {
         listen 80;
         server_name localhost;
     
         location / {
             proxy_pass http://127.0.0.1:5000;
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
         }
     }
     

   • 保存并关闭 'nginx.conf' 文件。

3. 启动 Nginx：

   • 打开命令提示符（CMD）或 PowerShell，并导航到 Nginx 的安装目录。
   • 运行以下命令以启动 Nginx 服务：

     nginx
     

4. 启动 Flask 应用程序：

   • 打开命令提示符（CMD）或 PowerShell，并导航到 Flask 应用程序的目录。
   • 运行以下命令以启动 Flask 应用程序：

     python app.py
     

5. 测试：

   • 在浏览器中访问 'http://localhost'，应该能够看到 Flask 应用程序的页面。

   • 如果 'css' 和 'png' 文件无法访问并返回 404 错误，可能是由于 Nginx 无法找到这些静态文件。

   • 确保在 Flask 应用程序中正确设置 'static' 文件夹的路径。例如，可以使用以下代码设置静态文件夹：

     app = Flask(__name__, static_folder='static')
     

   • 在 Flask 应用程序的根目录下创建一个名为 'static' 的文件夹，并将静态文件（如 'css' 和 'png' 文件）放入其中。

   • 重新启动 Flask 应用程序和 Nginx 服务，并再次测试。

这样就完成了将 Flask 应用程序反向代理到 Nginx 上的设置。