我有以下nodejs结构,它驻留在/home/ubuntu/project目录中:
sever
site
|-css
| |-styles.css
|-img
| |-sprite.png
|-js
|-script.js
我试图通过nginx提供静态资产,所以我写了以下位置:
upstream myapp_upstream {
server 127.0.0.1:3000;
keepalive 64;
}
server {
listen 80;
server_name www.myapp.com;
error_page 400 404 500 502 503 504 /50x.html;
location /50x.html {
internal;
root /usr/share/nginx/www;
}
location ~ ^/(images/|img/|javascript/|js/|css/|stylesheets/|flash/|media/|static/|robots.txt|humans.txt|favicon.ico|home/|html|xml) {
root /home/ubuntu/project/site;
access_log off;
expires max;
}
location / {
proxy_redirect off;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header Host $http_host;
proxy_set_header X-NginX-Proxy true;
proxy_set_header Connection "";
proxy_http_version 1.1;
proxy_pass http://myapp_upstream;
proxy_intercept_errors on;
}
}
但是当我尝试在浏览器中打开我的网站时,我在所有请求的资产上获得失败状态。有什么问题吗?
编辑:例如,我的css路径是:
http://www.myapp.com/css/styles.css
嗯,
添加/
到根路径
root /usr/share/nginx/www;
应为
root /usr/share/nginx/www/;
为资产使用别名,如:
alias /home/ubuntu/project/site/; (again, add the last /)
这些对我来说是一团糟:
location ~ ^/(images/|img/|javascript/|js/|css/|stylesheets/|flash/|media/|static/|robots.txt|humans.txt|favicon.ico|home/|html|xml)
你应该检查这些http://wiki.nginx.org/NginxHttpCoreModule#location
我在你的sitemap中没有看到这些文件夹images/, javascript/, stylesheets/, flash/, media/, static/ and home/
。
这两个|html|xml
都在寻找路由/html
或/xml
,而不是.html
或.xml
文件。
然后尝试:
location ~ ^/(robots.txt|humans.txt) {
alias /home/ubuntu/project/site/;
access_log off;
expires max;
}
location ~* .(?:ico|css|js|gif|jpe?g|png)$ { //add here all the file extensions needed.
alias /home/ubuntu/project/site/;
access_log off;
expires max;
}