Nginx: FAQ

[hhstore]

related:

• [x] xxx
• [x] xxx

[hhstore]

Nginx 一些常见使用问题 FAQ:

Q1: react-router 的 页面内路由, 404报错:

• 复查 nginx user, 确保非 root 用户.

• 复查 nginx 静态资源的存放目录, 是否是 对应 nginx user, 不是, 请修改.

• https://www.jianshu.com/p/e0dadb871894

• 复查 nginx log, 发现 nginx 对 page/a 解析出错. a 并不是一个文件, 而是页面内路由.

• 这是 nginx 配置漏了关键一项: try_files $uri /index.html;

• 添加这条配置, 问题解决.

• 常见示例配置:

 server {  
   server_name xxx.xxxxxx.com;  
   location / {  
     root /xxx/xxx/xxx/www/build;  
     try_files $uri /index.html;  
   }  
   location ^~ /api/ {  
     proxy_pass http://11.11.11.11:1111/;(服务端接口做代理)  
   }  
}   

nginx log:

tail -f /var/log/nginx/nginx.log

重新加载 nginx 配置:

# 验证配置正确性:
nginx -t

# 重新加载: 
service nginx reload

# 重启: 
service nginx restart

ref:

• https://www.jianshu.com/p/5e78477bbff2
• https://stackoverflow.com/questions/26237936/fetching-static-files-failed-with-404-in-nginx
• https://www.jianshu.com/p/e0dadb871894