# fed-e-task-04-04

**Repository Path**: fed-e-task/fed-e-task-04-04

## Basic Information

- **Project Name**: fed-e-task-04-04
- **Description**: 大前端训练营第四部分模块四（关于next +Chakra-UI实践工程项目）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-04
- **Last Updated**: 2021-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 访问地址

[](https://google-web-collection-manage.vercel.app/)



## 难点

添加收藏如何添加网站的favicon图标？

### 实现方式

通过api路由的方式添加一个根据返回网站地方返回网站图标的接口

1. 添加一个收藏，图标地址链接 /api/getFavicon?pageUrl=encodeURIComponent(webUrl)

2. 服务器端根据pageUrl地址请求这个网站图片然后返回

   ```javascript
   try {
       request('http://xxx.com/favicon.icon').pipe(res)
   } catch {
       fs.createReadStream(pathname).pipe(res) // 返回一个本地的固定图片，该方式有待考虑
   }
   
   ```