无法通过 nginx 提供嵌套的 css & js 文件？

Question

我已经阅读了一些文档并尝试了该站点上先前答案的替代方案，但无法让 nginx 为我的 css 和来自我的烧瓶应用程序的 js 文件提供服务。在我的代码中，我有例如：

<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}"/>

<script type="text/javascript" src=" ../static/js/jquery.tablesorter.js"></script>

我的文件结构如下所示：

在我的 nginx 配置“/etc/nginx/sites-enabled/src”中，我能够获取模板中的 html 文件以正常服务，并且还能够获取静态文件夹中的 'log_big.png' 文件服务正常...但我无法让第 3 个位置条目正常工作并提供这些嵌套文件：

server {
location / {
    proxy_pass http://localhost:8000;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
}
location /templates {
    alias  /home/www/src/templates/;  # This works ok for html files
}
location /static/ {
    alias  /home/www/src/static/;  # This works ok for the .png file
}
location /CSS/ {
    autoindex on;
    root  /home/www/src/static/;   # This doesn't work ?
}

include /etc/nginx/mime.types;
}

谁能告诉我做错了什么？

Answer 1

您不仅混合了大小写（CSS 与 css），还在 JavaScript 路径中包含了 ../static/。修复大写并删除 ../static/.

无法通过 nginx 提供嵌套的 css & js 文件？

Unable to serve the nested css & js files via nginx?

python

nginx

flask

gunicorn

nginx-location