node.js - 节点服务器的 Nginx 反向代理为 css/js 文件返回 404
问题描述
我正在尝试使用 NGINX 反向代理为 wiki.js 设置节点服务器。我按照 wiki.js 安装说明进行操作,并将文件提取到/var/www/site/main/wiki
其中,因此文件结构如下所示:
var
- www
- site
- main
- wiki
-assets
-config.yml
-LICENSE
-node_modules
-package.json
-server
我可以node server
在该目录中运行命令,它指示我通过转到http://localhost:3000
. 然后我尝试通过它的域访问该站点,并且页面标题被设置为,wiki.js Setup
因此某些内容正在通过 Nginx 代理传递,但是所有 css/js 文件都返回一个 404 错误,导致页面无法呈现。
我使用来自https://nginxconfig.io的设置来配置 Nginx 代理,服务器块如下:
server {
listen 443 ssl http2;
listen [::]:443 ssl http2;
server_name example.com;
# SSL
ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;
ssl_trusted_certificate /etc/letsencrypt/live/example.com/chain.pem;
# security
include nginxconfig.io/security.conf;
# reverse proxy
location / {
proxy_pass http://127.0.0.1:3000;
# This next block is actually include with a include
# nginxconfig.io/proxy.conf call but this is the contents of that file
proxy_http_version 1.1;
proxy_cache_bypass $http_upgrade;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
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 X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Port $server_port;
}
# additional config
include nginxconfig.io/general.conf;
}
# subdomains redirect
server {
listen 443 ssl http2;
listen [::]:443 ssl http2;
server_name *.example.com;
# SSL
ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;
ssl_trusted_certificate /etc/letsencrypt/live/example.com/chain.pem;
return 301 https://example.com$request_uri;
}
# HTTP redirect
server {
listen 80;
listen [::]:80;
server_name .example.com;
include nginxconfig.io/letsencrypt.conf;
location / {
return 301 https://example.com$request_uri;
}
}
解决方案
我自己也遇到了这个问题。在戳戳之后,我发现 nginxconfig.io 设置存在多个问题;它似乎想要配置太多东西,这妨碍了 wiki.js 实际上能够做自己的事情。
- 需要取消设置 Content-Security-Policy
- 删除所有包含以加快调试速度
截至目前(2020-05-16_14-11),这些是有效的工作服务器块:
server {
listen 443 ssl http2;
listen [::]:443 ssl http2;
server_name wiki.domain.invalid;
# SSL
ssl_certificate /etc/letsencrypt/live/wiki.domain.invalid/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/wiki.domain.invalid/privkey.pem; #managed by Certbot
ssl_trusted_certificate /etc/letsencrypt/live/wiki.domain.invalid/chain.pem;
# security headers
add_header X-Frame-Options "SAMEORIGIN" always;
add_header X-XSS-Protection "1; mode=block" always;
add_header X-Content-Type-Options "nosniff" always;
add_header Referrer-Policy "no-referrer-when-downgrade" always;
#add_header Content-Security-Policy "default-src 'self' http: https: data: blob: 'unsafe-inline'" always;
add_header Strict-Transport-Security "max-age=0" always;
# . files
location ~ /\.(?!well-known) {
deny all;
}
# logging
access_log /var/log/nginx/wiki.domain.invalid.access.log;
error_log /var/log/nginx/wiki.domain.invalid.error.log warn;
# reverse proxy
location / {
proxy_pass http://127.0.0.1:3000;
proxy_http_version 1.1;
#proxy_cache_bypass $http_upgrade;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $http_host;
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 X-Forwarded-Host $host;
#proxy_set_header X-Forwarded-Port $server_port;
proxy_next_upstream error timeout http_502 http_503 http_504;
}
# gzip
gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_types text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;
}
# HTTP redirect
server {
listen 80;
listen [::]:80;
server_name wiki.domain.invalid;
# ACME-challenge
location ^~ /.well-known/acme-challenge/ {
root /var/www/_letsencrypt;
}
location / {
return 301 https://wiki.domain.invalid$request_uri;
}
}
推荐阅读
- r - 编译 llvm 时,全局命名空间中没有名为“signbit”的成员
- r - 正则表达式从字符串中提取两个特定的单词
- android - 我正在尝试使用Google Places屏幕上选择的地址在选择地址时在地图上绘制路由并关闭屏幕
- pine-script - 交易视图趋势线被一一清除
- java - 我想用 SQLite 数据库中的数据填充 TableView,
- python - 如何在python中沿axis = 0减去?
- python - 为什么在空行上出现意外的缩进错误?
- javascript - 它在导入 express-handlebars 时给出“SyntaxError: Unexpected token”
- html - Handlebars:访问已被拒绝解析属性“some prop”,因为它不是其父级的“自己的属性”
- java - 如何在邮递员多部分/表单数据发布请求中发送应用程序/json数据以及文件?