生产管理系统 - 未登录拦截 客户端中间件开发

crop-x/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

crop-x/package-lock.json

@@ -44,7 +44,7 @@
                 "embla-carousel-react": "^8.6.0",
                 "input-otp": "^1.4.2",
                 "lucide-react": "^0.487.0",
-                "next": "^15.5.6",
+                "next": "^16.0.1",
                 "next-themes": "^0.4.6",
                 "openapi-fetch": "^0.15.0",
                 "qrcode": "*",
@@ -1536,9 +1536,9 @@
             }
         },
         "node_modules/@next/env": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.6.tgz",
-            "integrity": "sha512-3qBGRW+sCGzgbpc5TS1a0p7eNxnOarGVQhZxfvTdnV0gFI61lX7QNtQ4V1TSREctXzYn5NetbUsLvyqwLFJM6Q==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/env/-/env-16.0.1.tgz",
+            "integrity": "sha512-LFvlK0TG2L3fEOX77OC35KowL8D7DlFF45C0OvKMC4hy8c/md1RC4UMNDlUGJqfCoCS2VWrZ4dSE6OjaX5+8mw==",
             "license": "MIT"
         },
         "node_modules/@next/eslint-plugin-next": {
@@ -1582,12 +1582,13 @@
             }
         },
         "node_modules/@next/swc-darwin-arm64": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmmirror.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.6.tgz",
-            "integrity": "sha512-ES3nRz7N+L5Umz4KoGfZ4XX6gwHplwPhioVRc25+QNsDa7RtUF/z8wJcbuQ2Tffm5RZwuN2A063eapoJ1u4nPg==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.0.1.tgz",
+            "integrity": "sha512-R0YxRp6/4W7yG1nKbfu41bp3d96a0EalonQXiMe+1H9GTHfKxGNCGFNWUho18avRBPsO8T3RmdWuzmfurlQPbg==",
             "cpu": [
                 "arm64"
             ],
+            "license": "MIT",
             "optional": true,
             "os": [
                 "darwin"
@@ -1597,12 +1598,13 @@
             }
         },
         "node_modules/@next/swc-darwin-x64": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmmirror.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.6.tgz",
-            "integrity": "sha512-JIGcytAyk9LQp2/nuVZPAtj8uaJ/zZhsKOASTjxDug0SPU9LAM3wy6nPU735M1OqacR4U20LHVF5v5Wnl9ptTA==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/swc-darwin-x64/-/swc-darwin-x64-16.0.1.tgz",
+            "integrity": "sha512-kETZBocRux3xITiZtOtVoVvXyQLB7VBxN7L6EPqgI5paZiUlnsgYv4q8diTNYeHmF9EiehydOBo20lTttCbHAg==",
             "cpu": [
                 "x64"
             ],
+            "license": "MIT",
             "optional": true,
             "os": [
                 "darwin"
@@ -1612,12 +1614,13 @@
             }
         },
         "node_modules/@next/swc-linux-arm64-gnu": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmmirror.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.6.tgz",
-            "integrity": "sha512-qvz4SVKQ0P3/Im9zcS2RmfFL/UCQnsJKJwQSkissbngnB/12c6bZTCB0gHTexz1s6d/mD0+egPKXAIRFVS7hQg==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.0.1.tgz",
+            "integrity": "sha512-hWg3BtsxQuSKhfe0LunJoqxjO4NEpBmKkE+P2Sroos7yB//OOX3jD5ISP2wv8QdUwtRehMdwYz6VB50mY6hqAg==",
             "cpu": [
                 "arm64"
             ],
+            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1627,12 +1630,13 @@
             }
         },
         "node_modules/@next/swc-linux-arm64-musl": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmmirror.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.6.tgz",
-            "integrity": "sha512-FsbGVw3SJz1hZlvnWD+T6GFgV9/NYDeLTNQB2MXoPN5u9VA9OEDy6fJEfePfsUKAhJufFbZLgp0cPxMuV6SV0w==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.0.1.tgz",
+            "integrity": "sha512-UPnOvYg+fjAhP3b1iQStcYPWeBFRLrugEyK/lDKGk7kLNua8t5/DvDbAEFotfV1YfcOY6bru76qN9qnjLoyHCQ==",
             "cpu": [
                 "arm64"
             ],
+            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1642,12 +1646,13 @@
             }
         },
         "node_modules/@next/swc-linux-x64-gnu": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmmirror.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.6.tgz",
-            "integrity": "sha512-3QnHGFWlnvAgyxFxt2Ny8PTpXtQD7kVEeaFat5oPAHHI192WKYB+VIKZijtHLGdBBvc16tiAkPTDmQNOQ0dyrA==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.0.1.tgz",
+            "integrity": "sha512-Et81SdWkcRqAJziIgFtsFyJizHoWne4fzJkvjd6V4wEkWTB4MX6J0uByUb0peiJQ4WeAt6GGmMszE5KrXK6WKg==",
             "cpu": [
                 "x64"
             ],
+            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1657,12 +1662,13 @@
             }
         },
         "node_modules/@next/swc-linux-x64-musl": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmmirror.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.6.tgz",
-            "integrity": "sha512-OsGX148sL+TqMK9YFaPFPoIaJKbFJJxFzkXZljIgA9hjMjdruKht6xDCEv1HLtlLNfkx3c5w2GLKhj7veBQizQ==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.0.1.tgz",
+            "integrity": "sha512-qBbgYEBRrC1egcG03FZaVfVxrJm8wBl7vr8UFKplnxNRprctdP26xEv9nJ07Ggq4y1adwa0nz2mz83CELY7N6Q==",
             "cpu": [
                 "x64"
             ],
+            "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
@@ -1672,12 +1678,13 @@
             }
         },
         "node_modules/@next/swc-win32-arm64-msvc": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmmirror.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.6.tgz",
-            "integrity": "sha512-ONOMrqWxdzXDJNh2n60H6gGyKed42Ieu6UTVPZteXpuKbLZTH4G4eBMsr5qWgOBA+s7F+uB4OJbZnrkEDnZ5Fg==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.0.1.tgz",
+            "integrity": "sha512-cPuBjYP6I699/RdbHJonb3BiRNEDm5CKEBuJ6SD8k3oLam2fDRMKAvmrli4QMDgT2ixyRJ0+DTkiODbIQhRkeQ==",
             "cpu": [
                 "arm64"
             ],
+            "license": "MIT",
             "optional": true,
             "os": [
                 "win32"
@@ -1687,9 +1694,9 @@
             }
         },
         "node_modules/@next/swc-win32-x64-msvc": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.6.tgz",
-            "integrity": "sha512-pxK4VIjFRx1MY92UycLOOw7dTdvccWsNETQ0kDHkBlcFH1GrTLUjSiHU1ohrznnux6TqRHgv5oflhfIWZwVROQ==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.0.1.tgz",
+            "integrity": "sha512-XeEUJsE4JYtfrXe/LaJn3z1pD19fK0Q6Er8Qoufi+HqvdO4LEPyCxLUt4rxA+4RfYo6S9gMlmzCMU2F+AatFqQ==",
             "cpu": [
                 "x64"
             ],
@@ -8939,12 +8946,12 @@
             "license": "MIT"
         },
         "node_modules/next": {
-            "version": "15.5.6",
-            "resolved": "https://registry.npmjs.org/next/-/next-15.5.6.tgz",
-            "integrity": "sha512-zTxsnI3LQo3c9HSdSf91O1jMNsEzIXDShXd4wVdg9y5shwLqBXi4ZtUUJyB86KGVSJLZx0PFONvO54aheGX8QQ==",
+            "version": "16.0.1",
+            "resolved": "https://registry.npmmirror.com/next/-/next-16.0.1.tgz",
+            "integrity": "sha512-e9RLSssZwd35p7/vOa+hoDFggUZIUbZhIUSLZuETCwrCVvxOs87NamoUzT+vbcNAL8Ld9GobBnWOA6SbV/arOw==",
             "license": "MIT",
             "dependencies": {
-                "@next/env": "15.5.6",
+                "@next/env": "16.0.1",
                 "@swc/helpers": "0.5.15",
                 "caniuse-lite": "^1.0.30001579",
                 "postcss": "8.4.31",
@@ -8954,18 +8961,18 @@
                 "next": "dist/bin/next"
             },
             "engines": {
-                "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+                "node": ">=20.9.0"
             },
             "optionalDependencies": {
-                "@next/swc-darwin-arm64": "15.5.6",
-                "@next/swc-darwin-x64": "15.5.6",
-                "@next/swc-linux-arm64-gnu": "15.5.6",
-                "@next/swc-linux-arm64-musl": "15.5.6",
-                "@next/swc-linux-x64-gnu": "15.5.6",
-                "@next/swc-linux-x64-musl": "15.5.6",
-                "@next/swc-win32-arm64-msvc": "15.5.6",
-                "@next/swc-win32-x64-msvc": "15.5.6",
-                "sharp": "^0.34.3"
+                "@next/swc-darwin-arm64": "16.0.1",
+                "@next/swc-darwin-x64": "16.0.1",
+                "@next/swc-linux-arm64-gnu": "16.0.1",
+                "@next/swc-linux-arm64-musl": "16.0.1",
+                "@next/swc-linux-x64-gnu": "16.0.1",
+                "@next/swc-linux-x64-musl": "16.0.1",
+                "@next/swc-win32-arm64-msvc": "16.0.1",
+                "@next/swc-win32-x64-msvc": "16.0.1",
+                "sharp": "^0.34.4"
             },
             "peerDependencies": {
                 "@opentelemetry/api": "^1.1.0",
@@ -12349,7 +12356,7 @@
         },
         "node_modules/react": {
             "version": "19.2.0",
-            "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
+            "resolved": "https://registry.npmmirror.com/react/-/react-19.2.0.tgz",
             "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
             "license": "MIT",
             "engines": {
@@ -12379,7 +12386,7 @@
         },
         "node_modules/react-dom": {
             "version": "19.2.0",
-            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
+            "resolved": "https://registry.npmmirror.com/react-dom/-/react-dom-19.2.0.tgz",
             "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
             "license": "MIT",
             "dependencies": {

crop-x/package.json

@@ -54,7 +54,7 @@
         "embla-carousel-react": "^8.6.0",
         "input-otp": "^1.4.2",
         "lucide-react": "^0.487.0",
-        "next": "^15.5.6",
+        "next": "^16.0.1",
         "next-themes": "^0.4.6",
         "openapi-fetch": "^0.15.0",
         "qrcode": "*",

crop-x/src/app/layout.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect } from 'react';
 import { AuthProvider } from '@/components/auth/AuthContext';
+import { ClientAuthInterceptor } from '@/components/auth/ClientAuthInterceptor';
 
 export default function AppLayout({
   children,
@@ -14,10 +15,12 @@ export default function AppLayout({
   }, []);
 
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="zh-CN" suppressHydrationWarning>
       <body suppressHydrationWarning>
         <AuthProvider>
-          {children}
+          <ClientAuthInterceptor>
+            {children}
+          </ClientAuthInterceptor>
         </AuthProvider>
       </body>
     </html>

crop-x/src/components/auth/AuthContext.tsx

@@ -3,6 +3,21 @@
 import React, { createContext, useContext, useState, ReactNode } from 'react';
 import { getCurrentUserInfoApiV1AuthMeGet } from '@/lib/api/sdk.gen';
 
+// Cookie 操作工具
+const setTokenCookie = (token: string) => {
+  if (typeof document !== 'undefined') {
+    document.cookie = `auth-token=${token}; path=/; max-age=${7 * 24 * 60 * 60}`;
+    console.log('🍪 Token已设置到cookie');
+  }
+};
+
+const removeTokenCookie = () => {
+  if (typeof document !== 'undefined') {
+    document.cookie = 'auth-token=; path=/; max-age=0';
+    console.log('🗑️ Token已从cookie中清除');
+  }
+};
+
 interface User {
   id: string;
   username: string;
@@ -36,12 +51,19 @@ export function AuthProvider({ children }: AuthProviderProps) {
     setUser(userData);
     // 存储到 localStorage
     localStorage.setItem('user', JSON.stringify(userData));
+
+    // 同时设置 cookie（供中间件使用）
+    if (userData.token) {
+      setTokenCookie(userData.token);
+    }
+
     setLoading(false);
   };
 
   const logout = () => {
     setUser(null);
     localStorage.removeItem('user');
+    removeTokenCookie(); // 清除 cookie
     setLoading(false);
   };
 
@@ -88,6 +110,21 @@ export function AuthProvider({ children }: AuthProviderProps) {
 
   // 初始化时检查 localStorage并验证用户
   React.useEffect(() => {
+    // 检查是否有存储的用户信息和 token，并设置 cookie
+    const storedUser = localStorage.getItem('user');
+    if (storedUser) {
+      try {
+        const userData = JSON.parse(storedUser);
+        if (userData.token && !document.cookie.includes('auth-token')) {
+          setTokenCookie(userData.token);
+          console.log('🔄 初始化时设置cookie');
+        }
+      } catch (error) {
+        console.error('解析存储用户信息失败:', error);
+        localStorage.removeItem('user');
+      }
+    }
+
     validateUser();
   }, []);
 

crop-x/src/components/auth/ClientAuthInterceptor.tsx

@@ -0,0 +1,75 @@
+'use client';
+
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { useAuth } from './AuthContext';
+
+interface ClientAuthInterceptorProps {
+  children: React.ReactNode;
+}
+
+export function ClientAuthInterceptor({ children }: ClientAuthInterceptorProps) {
+  const { user, isAuthenticated, loading } = useAuth();
+  const router = useRouter();
+
+  useEffect(() => {
+    // 如果正在加载，等待加载完成
+    if (loading) {
+      return;
+    }
+
+    const currentPath = window.location.pathname;
+
+    // 如果已经在登录页面，不需要重定向
+    if (currentPath === '/login' || currentPath === '/register') {
+      console.log(`📄 已在认证页面，跳过拦截: ${currentPath}`);
+      return;
+    }
+
+    // 如果未认证，重定向到登录页
+    if (!isAuthenticated) {
+      console.log(`🔒 客户端拦截：未认证用户访问 ${currentPath}，重定向到登录页`);
+
+      // 保存当前路径，登录后可以跳转回来
+      const loginUrl = `/login${currentPath !== '/' ? `?redirect=${encodeURIComponent(currentPath)}` : ''}`;
+      router.push(loginUrl);
+      return;
+    }
+
+    console.log(`✅ 客户端认证通过：用户 ${user?.username} 访问 ${window.location.pathname}`);
+  }, [isAuthenticated, loading, user, router]);
+
+  const currentPath = typeof window !== 'undefined' ? window.location.pathname : '';
+
+  // 如果正在加载，显示加载状态
+  if (loading) {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-gray-50">
+        <div className="text-center">
+          <div className="w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full animate-spin mb-4"></div>
+          <p className="text-gray-600">验证用户身份中...</p>
+        </div>
+      </div>
+    );
+  }
+
+  // 如果在认证页面（登录/注册），直接渲染子组件，不需要认证检查
+  if (currentPath === '/login' || currentPath === '/register') {
+    return <>{children}</>;
+  }
+
+  // 如果未认证且不在认证页面，显示跳转状态
+  if (!isAuthenticated) {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-gray-50">
+        <div className="text-center">
+          <div className="w-8 h-8 border-2 border-orange-500 border-t-transparent rounded-full animate-spin mb-4"></div>
+          <p className="text-gray-600">正在跳转到登录页...</p>
+        </div>
+      </div>
+    );
+  }
+
+  // 认证通过，渲染子组件
+  return <>{children}</>;
+}