How does this skill help with SPA routing?

It verifies the 'try_files' directive in your Nginx config to ensure that refreshing the page on a history-mode route correctly redirects to index.html instead of returning a 404.

Why is my H5 app still showing the old version after deployment?

The skill audits your Nginx caching headers for 'index.html' and static assets to ensure the entry point is not being aggressively cached by browsers or CDNs.

Can it fix Socket.IO connection issues?

Yes, it checks for correct path matching and the presence of necessary 'Upgrade' and 'Connection' headers required for successful WebSocket handshakes.

Does it handle SSL/HTTPS configuration?

It validates server_name, SSL certificate paths, and specifically checks for Mixed Content risks where an HTTPS page tries to load HTTP resources or WebSockets.

Nginx H5 Deployment Checker

Name: Nginx H5 Deployment Checker
Author: xiaxingxiaowei1983

byxiaxingxiaowei1983

0•

배포 및 DevOps

Validates Nginx site templates for H5 applications to ensure correct static hosting, API proxying, and WebSocket connectivity.

This skill provides a comprehensive validation framework for Nginx configurations specifically tailored for H5 and Single Page Applications (SPAs). It automates the verification of critical deployment aspects, including history mode routing to prevent 404 errors, secure API reverse proxying, WebSocket protocol upgrades, and SSL/HTTPS compliance to avoid mixed content warnings. By using a standardized checklist and quantifiable acceptance criteria, it helps developers identify and fix common misconfigurations in static file serving and caching strategies during the deployment phase.

주요 기능

010 GitHub stars

02Validates SPA history mode routing to prevent 404 errors on page refresh

03Audits HTTPS settings and identifies Mixed Content security risks

04Checks reverse proxy configurations for /api and backend upstream connectivity

05Analyzes caching strategies for index.html to prevent stale version loading

06Verifies WebSocket and Socket.IO protocol upgrade headers and paths

사용 사례

01Troubleshooting 502/404 errors after migrating an app to HTTPS

02Fixing 'connection failed' errors for real-time Socket.IO features in production

03Setting up a new Nginx site for a Vue or React H5 application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xiaxingxiaowei1983/ai h5-nginx-check

For use in Claude.ai and ChatGPT

주요 기능

010 GitHub stars

02Validates SPA history mode routing to prevent 404 errors on page refresh

03Audits HTTPS settings and identifies Mixed Content security risks

04Checks reverse proxy configurations for /api and backend upstream connectivity

05Analyzes caching strategies for index.html to prevent stale version loading

06Verifies WebSocket and Socket.IO protocol upgrade headers and paths

사용 사례

01Troubleshooting 502/404 errors after migrating an app to HTTPS

02Fixing 'connection failed' errors for real-time Socket.IO features in production

03Setting up a new Nginx site for a Vue or React H5 application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xiaxingxiaowei1983/ai h5-nginx-check

For use in Claude.ai and ChatGPT