[{"data":1,"prerenderedAt":408},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-inspector":139,"-getting-started-inspector-surround":403},[4,40,65,110],{"title":5,"path":6,"stem":7,"children":8,"page":39},"入门指南","\u002Fgetting-started","1.getting-started",[9,14,19,24,29,34],{"title":10,"path":11,"stem":12,"icon":13},"简介","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-book-open",{"title":15,"path":16,"stem":17,"icon":18},"安装","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":20,"path":21,"stem":22,"icon":23},"配置","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F3.configuration","i-lucide-settings",{"title":25,"path":26,"stem":27,"icon":28},"MCP Inspector","\u002Fgetting-started\u002Finspector","1.getting-started\u002F4.inspector","i-lucide-circuit-board",{"title":30,"path":31,"stem":32,"icon":33},"连接","\u002Fgetting-started\u002Fconnection","1.getting-started\u002F5.connection","i-lucide-plug",{"title":35,"path":36,"stem":37,"icon":38},"Agent Skills","\u002Fgetting-started\u002Fagent-skills","1.getting-started\u002F6.agent-skills","i-lucide-sparkles",false,{"title":41,"path":42,"stem":43,"children":44,"page":39},"核心概念","\u002Fcore-concepts","2.core-concepts",[45,50,55,60],{"title":46,"path":47,"stem":48,"icon":49},"工具","\u002Fcore-concepts\u002Ftools","2.core-concepts\u002F2.tools","i-lucide-wrench",{"title":51,"path":52,"stem":53,"icon":54},"资源","\u002Fcore-concepts\u002Fresources","2.core-concepts\u002F3.resources","i-lucide-package",{"title":56,"path":57,"stem":58,"icon":59},"提示词 (Prompts)","\u002Fcore-concepts\u002Fprompts","2.core-concepts\u002F4.prompts","i-lucide-message-square",{"title":61,"path":62,"stem":63,"icon":64},"处理器 (Handlers)","\u002Fcore-concepts\u002Fhandlers","2.core-concepts\u002F5.handlers","i-lucide-server",{"title":66,"path":67,"stem":68,"children":69,"page":39},"进阶主题","\u002Fadvanced","3.advanced",[70,75,80,85,90,95,100,105],{"title":71,"path":72,"stem":73,"icon":74},"自定义路径","\u002Fadvanced\u002Fcustom-paths","3.advanced\u002F1.custom-paths","i-lucide-folder",{"title":76,"path":77,"stem":78,"icon":79},"中间件","\u002Fadvanced\u002Fmiddleware","3.advanced\u002F2.middleware","i-lucide-shield",{"title":81,"path":82,"stem":83,"icon":84},"TypeScript","\u002Fadvanced\u002Ftypescript","3.advanced\u002F3.typescript","i-lucide-type",{"title":86,"path":87,"stem":88,"icon":89},"钩子","\u002Fadvanced\u002Fhooks","3.advanced\u002F4.hooks","i-lucide-webhook",{"title":91,"path":92,"stem":93,"icon":94},"MCP 评估","\u002Fadvanced\u002Fevals","3.advanced\u002F5.evals","i-lucide-flask-conical",{"title":96,"path":97,"stem":98,"icon":99},"会话 (Sessions)","\u002Fadvanced\u002Fsessions","3.advanced\u002F6.sessions","i-lucide-database",{"title":101,"path":102,"stem":103,"icon":104},"动态定义","\u002Fadvanced\u002Fdynamic-definitions","3.advanced\u002F7.dynamic-definitions","i-lucide-toggle-right",{"title":106,"path":107,"stem":108,"icon":109},"代码模式 (Code Mode)","\u002Fadvanced\u002Fcode-mode","3.advanced\u002F8.code-mode","i-lucide-code",{"title":111,"path":112,"stem":113,"children":114,"page":39},"示例","\u002Fexamples","4.examples",[115,120,125,130,135],{"title":116,"path":117,"stem":118,"icon":119},"身份验证","\u002Fexamples\u002Fauthentication","4.examples\u002F1.authentication","i-lucide-shield-check",{"title":121,"path":122,"stem":123,"icon":124},"API 集成","\u002Fexamples\u002Fapi-integration","4.examples\u002F2.api-integration","i-lucide-globe",{"title":126,"path":127,"stem":128,"icon":129},"常见模式","\u002Fexamples\u002Fcommon-patterns","4.examples\u002F3.common-patterns","i-lucide-lightbulb",{"title":131,"path":132,"stem":133,"icon":134},"文件操作","\u002Fexamples\u002Ffile-operations","4.examples\u002F4.file-operations","i-lucide-file",{"title":136,"path":137,"stem":138,"icon":59},"提示词示例","\u002Fexamples\u002Fprompt-examples","4.examples\u002F5.prompt-examples",{"id":140,"title":25,"body":141,"description":395,"extension":396,"links":397,"meta":398,"navigation":399,"path":26,"seo":400,"stem":27,"__hash__":402},"docs\u002F1.getting-started\u002F4.inspector.md",{"type":142,"value":143,"toc":390},"minimark",[144,155,166,170,302,305,309,312,327,330,332,343,379,386],[145,146,147,148,154],"p",{},"该模块内置了与 ",[149,150,25],"a",{"href":151,"rel":152},"https:\u002F\u002Fgithub.com\u002Fmodelcontextprotocol\u002Finspector",[153],"nofollow"," 的集成，这是一个可视化调试工具，允许您直接在 Nuxt DevTools 中以交互方式测试和调试您的 MCP 服务器。",[156,157],"u-color-mode-image",{"alt":158,"className":159,"dark":164,"light":165},"MCP Inspector 预览",[160,161,162,163],"w-full","rounded-lg","my-6","grayscale","\u002Fmcp-devtools-dark.png","\u002Fmcp-devtools-light.png",[167,168,169],"h2",{"id":169},"使用方法",[171,172,173,279,296],"ol",{},[174,175,176,180,181,185,186],"li",{},[177,178,179],"strong",{},"启用 DevTools"," - 确保在 ",[182,183,184],"code",{},"nuxt.config.ts"," 中启用了 DevTools：",[187,188,193],"pre",{"className":189,"code":190,"filename":184,"language":191,"meta":192,"style":192},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxtjs\u002Fmcp-toolkit'],\n  devtools: { enabled: true },\n})\n","typescript","",[182,194,195,219,247,270],{"__ignoreMap":192},[196,197,200,204,207,211,215],"span",{"class":198,"line":199},"line",1,[196,201,203],{"class":202},"s7zQu","export",[196,205,206],{"class":202}," default",[196,208,210],{"class":209},"s2Zo4"," defineNuxtConfig",[196,212,214],{"class":213},"sTEyZ","(",[196,216,218],{"class":217},"sMK4o","{\n",[196,220,222,226,229,232,235,239,241,244],{"class":198,"line":221},2,[196,223,225],{"class":224},"swJcz","  modules",[196,227,228],{"class":217},":",[196,230,231],{"class":213}," [",[196,233,234],{"class":217},"'",[196,236,238],{"class":237},"sfazB","@nuxtjs\u002Fmcp-toolkit",[196,240,234],{"class":217},[196,242,243],{"class":213},"]",[196,245,246],{"class":217},",\n",[196,248,250,253,255,258,261,263,267],{"class":198,"line":249},3,[196,251,252],{"class":224},"  devtools",[196,254,228],{"class":217},[196,256,257],{"class":217}," {",[196,259,260],{"class":224}," enabled",[196,262,228],{"class":217},[196,264,266],{"class":265},"sfNiH"," true",[196,268,269],{"class":217}," },\n",[196,271,273,276],{"class":198,"line":272},4,[196,274,275],{"class":217},"}",[196,277,278],{"class":213},")\n",[174,280,281,284,285,288,289,291,292,295],{},[177,282,283],{},"启动"," - 打开 Nuxt DevTools 并导航至 ",[177,286,287],{},"Server"," 部分下的 ",[177,290,25],{}," 选项卡，然后点击 ",[177,293,294],{},"Launch Inspector","。",[174,297,298,301],{},[177,299,300],{},"测试"," - 使用检查器浏览工具、资源和提示词，使用自定义参数进行测试，并查看请求\u002F响应历史记录。",[145,303,304],{},"检查器会自动使用正确的配置连接到您的 MCP 服务器端点——无需额外设置。",[167,306,308],{"id":307},"为什么使用它","为什么使用它？",[145,310,311],{},"检查器提供了一个可视化界面，用于：",[313,314,315,318,321,324],"ul",{},[174,316,317],{},"浏览所有可用的工具、资源和提示词",[174,319,320],{},"使用自定义参数测试工具并查看响应",[174,322,323],{},"查看请求\u002F响应历史记录以进行调试",[174,325,326],{},"调试连接问题和错误",[145,328,329],{},"这是在开发过程中测试和验证 MCP 服务器最简单的方法。",[167,331,20],{"id":20},[145,333,334,335,338,339,342],{},"默认情况下，检查器使用端口 ",[182,336,337],{},"6274","（UI）和 ",[182,340,341],{},"6277","（代理）。如需自定义它们：",[187,344,348],{"className":345,"code":346,"language":347,"meta":192,"style":192},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","CLIENT_PORT=8080 SERVER_PORT=9000 npm run dev\n","bash",[182,349,350],{"__ignoreMap":192},[196,351,352,355,358,361,364,366,369,373,376],{"class":198,"line":199},[196,353,354],{"class":213},"CLIENT_PORT",[196,356,357],{"class":217},"=",[196,359,360],{"class":237},"8080",[196,362,363],{"class":213}," SERVER_PORT",[196,365,357],{"class":217},[196,367,368],{"class":237},"9000",[196,370,372],{"class":371},"sBMFI"," npm",[196,374,375],{"class":237}," run",[196,377,378],{"class":237}," dev\n",[145,380,381,382,295],{},"有关高级配置选项，请参阅 ",[149,383,385],{"href":151,"rel":384},[153],"MCP Inspector 文档",[387,388,389],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":192,"searchDepth":221,"depth":221,"links":391},[392,393,394],{"id":169,"depth":221,"text":169},{"id":307,"depth":221,"text":308},{"id":20,"depth":221,"text":20},"集成到 Nuxt DevTools 的可视化调试工具","md",null,{},{"icon":28},{"title":25,"description":401},"使用内置的 MCP Inspector 来测试和调试您的 MCP 服务器。","e-GAXPwBngCP5RMedCvUeSl4XSG2ZPU5zt7Yn1Rnx_c",[404,406],{"title":20,"path":21,"stem":22,"description":405,"icon":23,"children":-1},"配置 Nuxt MCP 模块以满足您的需求。",{"title":30,"path":31,"stem":32,"description":407,"icon":33,"children":-1},"将 AI 助手连接到您的 MCP 服务器，并在文档中添加安装按钮。",1775615721144]