server { listen 80; server_name xiyan.cxmom.com; root /path/to/xiyan-ui/dist; # 修改为你的实际路径 index index.html; # 启用 gzip 压缩 gzip on; gzip_vary on; gzip_min_length 1000; gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript; # 静态资源缓存 location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ { expires 1y; add_header Cache-Control "public, immutable"; } # API 代理(如果前端独立部署,需要代理后端 API) location /api/ { proxy_pass http://127.0.0.1:8189/; 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; } # Vue Router history 模式 fallback # 这是关键配置:所有不存在的路径都返回 index.html,由 Vue Router 处理 location / { try_files $uri $uri/ /index.html; } # 错误页面 error_page 404 /index.html; }