简介

MCP Fetch 服务器是MCP协议的一个核心组件，用于实现URL抓取功能。在AI工具开发中，手动处理URL抓取常常会遇到内容截断、格式转换等问题，而MCP协议通过其标准化能力，可以简化这些操作，确保高效、合规地获取网页内容‌

这里的教程展示为Mac下如何安装与使用，Windows差不多，只是命令有所不同。MCP服务如果你是第一次安装，电脑环境中最好安装好Node与python，这些都是mcp需要的环境！

安装

我使用的是MCP-Fetcher，这里是它的Github地址;
首先，创建一个mcp-server的目录，如果之前有直接进入即可

# 进入文件
cd /Users/xxx/mcp-server
# 克隆mcp服务地址
git clone https://github.com/jae-jae/fetcher-mcp.git
# 进入服务文件
cd fetcher-mcp
# 安装依赖
npm install
# 项目打包 
npm run build

# 这里可以自己手动安装一下依赖浏览器，不安装也行，后面Ai会自动安装
npx playwright install

下面我们来到VScode中的cline插件
点击cline对话框右上角的Mcp servers，选择Installe，点击下面Configure MCP Servers来到配置文件。

配置文件

{
  "mcpServers": {
    "fetcher": {
      "command": "npx",
      "args": ["-y", "fetcher-mcp"],
      "timeout": 60,
      "transportType": "stdio"
    }
  }
}

在配置文件中，我们加入这一段代码，之后等待cline自动配置更新服务，服务启动变绿后，点击Done，我们来到Ai对话框。

在对话框我们随便找到一个网址，让它获取网址的内容，接受请求授权后，会发现它提示：
“需要先安装 Playwright 浏览器依赖才能使用 fetcher 工具。我将使用 execute_command 工具运行 npx playwright install 命令来安装所需的浏览器。”
这时候同样安装即可，或者之前你直接手动安装也行。

然后你就可以发现能够获取到网页的内容啦！并且这个服务 稳定不会经常报错掉线！

以上来自Juleon博客，转载请注明出处。