# fed-e-task-03-04

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

## Basic Information

- **Project Name**: fed-e-task-03-04
- **Description**: 大前端训练营第三部分模块四（基于gridsome及strapi的个人动态博客项目）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 揭智勇 ｜ Part 3 | 模块四

## github相关联仓库地址

```javascript
https://github.com/xiaozhi93/gridsome-blog.git
```

github仓库主要为了与vercel集成

## 博客预览地址

```javascript
https://gridsome-blog-chi.vercel.app/
```

访问不了可能重新打包地址换了，去github主页查看预览地址

## strapi内容管理系统地址

```javascript
http://119.45.51.253:1337/
```

测试账号： test    密码： Test123456

## gridsome-blog博客数据来源

1. github接口服务
2. strapi内容管理系统

## 持续集成

1. 通过在vercel设置hook，然后在strapi服务中添加hook

## 遇到问题

1. gridsome安装依赖麻烦，有时安装不上

   1. 第一次安装好了依赖把依赖压缩下，或者用别人的node_modules

2. github中接口访问不了及接口访问限制

   1. 设置host文件
   2. 不要连续访问接口

3. 使用gridsome的graph获取数据，如果数据列表为空列表，就不能查询字段，否则报错，例如

   ```javascript
   query {
     allStrapiNew {
       edges {
         node {
           content
         }
       }
     }
   }
   // 如果allStrapiNew列表为空，就不能添加content字段了，否则报错。。但是不添加content字段，，如果有数据了就不能获取content数据了
   ```