javascript - 使用 Nginx 重定向反应子路由
问题描述
我有一个带有 nginx 的服务器设置,使用服务器块来运行多个虚拟主机、letsencrypt 和 nodejs:我使用多个虚拟部分(路由)['/dahsboard'、'/settings'等]
反向代理部分有效,但是当用户在某个部分(如 dev.myDomain.com/settings')中刷新页面时,所有内容都消失了,显示 nginx 404 页面
server {
server_name dev.myDomain.com;
location / {
proxy_pass http://127.0.0.1:7000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
listen 443 ssl; # managed by Certbot
ssl_certificate /etc/letsencrypt/live/dev.myDomain.com/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/dev.myDomain.com/privkey.pem; # managed by Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}
server {
if ($host = dev.myDomain.com) {
return 301 https://$host$request_uri;
} # managed by Certbot
server_name dev.myDomain.com;
listen 80;
return 404; # managed by Certbot
}
我试过了
location / {
try_files /home/path/dist/index.html @proxy;
}
location @proxy { ... }
但也不起作用。
请帮忙。
解决方案
server {
server_name test.com;
gzip on;
gzip_types application/javascript image/* text/css;
gunzip on;
location / {
proxy_pass http://127.0.0.1:8000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_intercept_errors on;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
error_page 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 421 422 423 424 425 426 428 429 431 451 /;
listen 443 http2 ssl; # managed by Certbot
ssl_certificate /etc/letsencrypt/live/test.com/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/test.com/privkey.pem; # managed by Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}
server {
listen 80;
server_name test.com;
rewrite ^ https://$host$request_uri? permanent;
}
推荐阅读
- html - 裁剪然后拉伸背景图像以适合区域
- javascript - JavaScript函数不传递变量
- kubernetes - 将谷歌云服务账户文件传递给traefik
- arrays - Fortran 数组分配溢出
- javascript - 如何检测和显示用户的IP地址
- python - 我如何能够将列表中的元素拆分为它们自己的元素?
- php - 验证失败时如何在 Symfony 4 中获取表单字段的值?
- php - 为“item”表创建(复合)主键,其中增量“item_id”根据“order_id”外键重置
- regex - Python3 - 在写入文件之前过滤文本
- java - JSF 页面中组件(面板)的可变顺序