Nginx代理Flask正常但/static静态资源加载失败的问题

你遇到的核心问题是Flask生成的静态资源URL没有带上/rest_1前缀，导致浏览器直接请求/static/w3.css，而Nginx会用默认根目录/usr/share/nginx/html去查找这些资源，自然找不到。下面给你两种可行的解决方案，按需选择：

方案一：修改Flask应用，生成带前缀的静态资源URL #

这是最规范的做法，从应用层面解决路径问题，后续扩展更省心。

在你的Flask代码里添加一行配置，指定应用的根路径：

from flask import Flask

app = Flask(__name__)
# 告诉Flask应用运行在/rest_1路径下
app.config['APPLICATION_ROOT'] = '/rest_1'

# 如果你用了蓝图，记得给蓝图设置对应前缀
# blueprint = Blueprint('xxx', __name__, url_prefix='/rest_1')

修改后重启Flask应用，此时页面里的静态资源URL会自动变成/rest_1/static/w3.css，你现有的Nginx配置就能正确代理这个请求到Flask的/static路径了。

方案二：修改Nginx配置，拦截静态资源请求 #

如果你不想改动Flask代码，可以在Nginx的server块里添加专门处理静态资源的规则，有两种实现方式：

方式A：代理静态资源请求到Flask #

添加一个新的location块，把/rest_1/static开头的请求转发给Flask：

server {
    listen 80;
    listen [::]:80;
    server_name myhost.com;
    server_name_in_redirect off;

    location /rest_1 {
        rewrite ^/rest_1(.*) /$1 break;
        proxy_pass http://127.0.0.1:5000/;
    }

    # 新增：处理静态资源请求
    location /rest_1/static {
        rewrite ^/rest_1/static(.*) /static$1 break;
        proxy_pass http://127.0.0.1:5000;
    }
}

方式B：直接让Nginx提供静态资源（性能更优） #

如果你的静态资源目录/opt/rest_1/static权限正确（Nginx进程用户能读取），可以直接让Nginx返回这些文件，不用走Flask代理，性能更好：

server {
    listen 80;
    listen [::]:80;
    server_name myhost.com;
    server_name_in_redirect off;

    location /rest_1 {
        rewrite ^/rest_1(.*) /$1 break;
        proxy_pass http://127.0.0.1:5000/;
    }

    # 新增：直接映射静态资源目录
    location /rest_1/static {
        alias /opt/rest_1/static;
        expires 30d; # 可选，设置缓存过期时间，优化加载速度
        add_header Cache-Control "public, max-age=2592000";
    }
}

注意事项 #

• 修改Nginx配置后，先执行sudo nginx -t检查语法是否正确，再用sudo systemctl reload nginx重载配置
• 测试前请清除浏览器缓存，避免旧的静态资源URL缓存影响结果
• 确保/opt/rest_1/static的权限正确：可以执行sudo chown -R www-data:www-data /opt/rest_1/static（Ubuntu下Nginx默认用户是www-data）

内容的提问来源于stack exchange，提问作者LittleEaster