给所有请求都加上jwt，隐藏生成jwt的secret（放到.env中）,隐藏app-secret（放在pm2运行配置文件中，后续直接读取环境配置即可）

app/routes/prompts._index.tsx

@@ -1,6 +1,6 @@
-import { MetaFunction, json, type LoaderFunctionArgs } from "@remix-run/node";
-import { useSearchParams, useNavigate, useLoaderData } from "@remix-run/react";
-import { useState } from "react";
+import { MetaFunction, type LoaderFunctionArgs, type ActionFunctionArgs } from "@remix-run/node";
+import { useSearchParams, useNavigate, useLoaderData, useFetcher } from "@remix-run/react";
+import { useState, useEffect } from "react";
 import indexStyles from "~/styles/pages/prompts_index.css?url";
 import { Card } from "~/components/ui/Card";
 import { Button } from "~/components/ui/Button";
@@ -9,19 +9,6 @@ import { Table } from "~/components/ui/Table";
 import { Pagination } from "~/components/ui/Pagination";
 import { getPromptTemplates, deletePromptTemplate, type PromptTemplateUI } from "~/api/prompts/prompts";
 
-// 定义提示词模板类型
-export interface PromptTemplate {
-  id: string;
-  template_name: string;
-  template_type: 'Common' | 'Extraction' | 'Evaluation' | 'Summary';
-  description: string;
-  version: string;
-  status: 'active' | 'inactive' | 'system';
-  created_by: string;
-  template_content: string;
-  variables: string; // JSON字符串
-}
-
 // 样式链接
 export function links() {
   return [{ rel: "stylesheet", href: indexStyles }];
@@ -44,18 +31,28 @@ interface LoaderData {
   error?: string;
 }
 
+// 定义 Action 返回数据类型
+interface ActionData {
+  success: boolean;
+  error?: string;
+}
+
 // 数据加载器
 export async function loader({ request }: LoaderFunctionArgs) {
   try {
+    // 获取用户会话信息
+    const { getUserSession } = await import("~/api/login/auth.server");
+    const { frontendJWT } = await getUserSession(request);
+
     const url = new URL(request.url);
     const name = url.searchParams.get('name') || undefined;
     const type = url.searchParams.get('type') || undefined;
     const status = url.searchParams.get('status') || undefined;
     const page = parseInt(url.searchParams.get('page') || '1', 10);
     const pageSize = parseInt(url.searchParams.get('pageSize') || '10', 10);
-    
+
     // console.log('加载提示词模板参数:', { name, type, status, page, pageSize });
-    
+
     // 从 API 获取数据
     const result = await getPromptTemplates({
       name,
@@ -63,7 +60,7 @@ export async function loader({ request }: LoaderFunctionArgs) {
       status,
       page,
       pageSize
-    });
+    }, frontendJWT);
     
     if (result.error) {
       console.error('获取提示词模板失败:', result.error);
@@ -102,12 +99,43 @@ export async function loader({ request }: LoaderFunctionArgs) {
   }
 }
 
+// Action函数 - 处理删除请求
+export async function action({ request }: ActionFunctionArgs) {
+  const formData = await request.formData();
+  const id = formData.get("id") as string;
+  const intent = formData.get("intent") as string;
+
+  // 获取用户会话信息
+  const { getUserSession } = await import("~/api/login/auth.server");
+  const { frontendJWT } = await getUserSession(request);
+
+  if (intent === "delete" && id) {
+    try {
+      const result = await deletePromptTemplate(id, frontendJWT);
+
+      if (result.error) {
+        return Response.json({ success: false, error: result.error }, { status: result.status || 500 });
+      }
+
+      return Response.json({ success: true });
+    } catch (error) {
+      return Response.json(
+        { success: false, error: error instanceof Error ? error.message : "删除提示词模板失败" },
+        { status: 500 }
+      );
+    }
+  }
+
+  return Response.json({ success: false, error: "无效的操作" }, { status: 400 });
+}
+
 // 页面组件
 export default function PromptsIndex() {
   const navigate = useNavigate();
   const [searchParams, setSearchParams] = useSearchParams();
   const { templates, total, currentPage, pageSize, error } = useLoaderData<typeof loader>();
   const [isLoading, setIsLoading] = useState(false);
+  const fetcher = useFetcher<ActionData>();
   
   // 处理搜索名称
   const handleNameSearch = (value: string) => {
@@ -176,26 +204,28 @@ export default function PromptsIndex() {
   };
   
   // 删除模板
-  const handleDeleteTemplate = async (id: string) => {
+  const handleDeleteTemplate = (id: string) => {
     if (confirm('确定要删除该模板吗？删除后无法恢复。')) {
-      setIsLoading(true);
-      try {
-        const result = await deletePromptTemplate(id);
-        if (result.error) {
-          alert(`删除失败: ${result.error}`);
-        } else {
-          alert('删除成功！');
-          // 刷新页面
-          window.location.reload();
-        }
-      } catch (error) {
-        alert(`删除失败: ${error instanceof Error ? error.message : '未知错误'}`);
-      } finally {
-        setIsLoading(false);
-      }
+      const formData = new FormData();
+      formData.append('id', id);
+      formData.append('intent', 'delete');
+
+      fetcher.submit(formData, { method: 'post' });
     }
   };
 
+  // 监听 fetcher 状态变化
+  useEffect(() => {
+    if (fetcher.state === 'idle' && fetcher.data) {
+      if (fetcher.data.success) {
+        alert('删除成功！');
+        window.location.reload();
+      } else if (fetcher.data.error) {
+        alert(`删除失败: ${fetcher.data.error}`);
+      }
+    }
+  }, [fetcher.state, fetcher.data]);
+
   // 处理分页
   const handlePageChange = (page: number) => {
     const newParams = new URLSearchParams(searchParams);