本地 nginx 通配符安装不加载 JS 文件

Question

我已经在我的本地主机上安装了一个 nginx 服务器配置。这是一个多商店 PrestaShop 1.6.1.4。您可以在此处查看 nginx 配置：

server {
listen 80;
listen [::]:80;

root /var/www/html/devsite;
index  index.php index.html index.htm;
server_name .devsite.com;

location / {
rewrite ^/api/?(.*)$ /webservice/dispatcher.php?url=$1 last;
rewrite ^/([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$1$2.jpg last;
rewrite ^/([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$1$2$3.jpg last;
rewrite ^/([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$1$2$3$4.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$1$2$3$4$5.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$5/$1$2$3$4$5$6.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$5/$6/$1$2$3$4$5$6$7.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$5/$6/$7/$1$2$3$4$5$6$7$8.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$5/$6/$7/$8/$1$2$3$4$5$6$7$8$9.jpg last;
rewrite ^/c/([0-9]+)(-[_a-zA-Z0-9-]*)(-[0-9]+)?/.+\.jpg$ /img/c/$1$2.jpg last;
rewrite ^/c/([a-zA-Z-]+)(-[0-9]+)?/.+\.jpg$ /img/c/$1.jpg last;
rewrite ^/([0-9]+)(-[_a-zA-Z0-9-]*)(-[0-9]+)?/.+\.jpg$ /img/c/$1$2.jpg last;
try_files $uri $uri/ /index.php?$args;        
}

# AlphaImageLoader for IE and fancybox
rewrite ^images_ie/?([^/]+)\.(jpe?g|png|gif)$ js/jquery/plugins/fancybox/images/$1.$2 last;

# Web service API
rewrite ^/api/?(.*)$ /webservice/dispatcher.php?url=$1 last;

# Installation sandbox
rewrite ^(/install(?:-dev)?/sandbox)/(.*) /$1/test.php last;

#Change this block to your admin folder
location /admin {
    if (!-e $request_filename) {
        rewrite ^/.*$ /admin/index.php last;
    }
}

# Source code directories
location ~ ^/(app|bin|cache|classes|config|controllers|docs|localization|override|src|tests|tools|translations|travis-scripts|vendor|var)/ {
    deny all;
}
# Prevent exposing other sensitive files
location ~ \.(yml|log|tpl|twig|sass)$ {
    deny all;
}

location ~ \.php$ {
    include snippets/fastcgi-php.conf;
    fastcgi_pass unix:/var/run/php/php7.0-fpm.sock;
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    include fastcgi_params;
}

}

我得出的结论是 Nginx 通配符配置缺少某种配置，但我可能错了，我将快速解释我能看到的内容：

页面加载正常，管理员工作正常，但有一个模板不加载相应的 JS，从而支持客户产品选择过程。

我已经检查了检查器网络调试器，我可以看到该文件在生产环境中正确加载，而它不像在 localhost 环境中加载...

感谢您的帮助。

Answer 1

你可以检查的东西，过去至少一次对我有用：

• 查看本地环境中的权限，即使用

  namei -nom path/to/jsfile 
  

检查资源的路径是否可访问以及所有权是否适当（使用chmod 和chown 进行适当的更改）

• 检查文件本身的权限（可能是应用程序或进程在每次运行服务时都会重写 js 和文件权限）

• 检查您的生产实例是否真的没有为 js 文件提供服务，而是从以前的状态缓存了它。安装可能是清除缓存按钮/添加或允许您停用缓存的东西。有些浏览器有这个功能。

• 根据您的开发环境（是 Django 还是其他东西？），在开发环境和生产环境中为静态文件提供服务的设计可能会有所不同。

• 检查你在 dev 和 prod 环境中的代码是否真的相同！

• 停止 prod 环境（如果这不会中断任何实际服务并且不会打扰您的客户端）并重新启动它。您是否遇到过同样的问题？

• 再次检查 prod 和 dev 是否​​查看相同的 nginx 配置文件。重启nginx并重新加载配置

• 尝试从 dev nginx 配置中删除复杂的正则表达式语句并检查是否可以服务 js 文件

• 检查 dev 和 prod 静态文件的位置并验证它们在您的配置中是否正确

只要我记得一些其他的东西，我就会在这里发布。祝你好运！