项目使用的代码:
https://gitee.com/olhong/learn-project/tree/master/part3/fed-e-task-03-04
blog_strapi和blob-with-gridesome
部署strapi
服务器配置mysql环境
下载mysql的yum源
wget http://repo.mysql.com/mysql-community-release-el6-5.noarch.rpm
yum install -y mysql-community-release-el6-5.noarch.rpm
安装mysql
yum -y install mysql-server
启动mysql服务
systemctl start mysqld.service
登录mysql
//初次登录,默认无密码
mysql -uroot -p
//使用mysql数据库
mysql> use mysql
//更新root用户密码
mysql> update user set password=password("123") where user = "root";
//刷新权限,修改密码才能生效,或者直接重启系统也可以生效
mysql> flush privileges;
//逐行显示查询数据
select * from mysql.user \G;
配置mysql
# 编写my.cnf文件
vim /etc/my.cnf
在[mysqld]下添加如下内容:
#设置字符集
character-set-server=utf8
#跳过验证
#skip-grant-tables
重启一下mysql服务,配置生效
#重启mysql
systemctl restart mysqld.service
创建数据库
进入mysql
mysql -uroot -p
mysql>create database `blog` default character set utf8 collate utf8_general_ci
开放数据库端口
#防火墙开放指定端口
firewall-cmd --zone=public --add-port=3306/tcp --permanent
#重载防火墙
firewall-cmd --reload
#查看防火墙已开放端口
firewall-cmd --list-all
或者 firewall-cmd --zone=public --list-ports
项目中修改config.database.js
module.exports = ({ env }) => ({
defaultConnection: 'default',
connections: {
default: {
connector: 'bookshelf',
settings: {
client: 'mysql',
host: env('DATABASE_HOST', 'localhost'),
port: env.int('DATABASE_PORT', 3306),
database: env('DATABASE_NAME', 'blog'),
username: env('DATABASE_USERNAME', 'root'),
password: env('DATABASE_PASSWORD', '123'),
},
options: {},
},
},
});
上传strapi项目至服务器root/blog_strapi
服务器进入blog_strapi项目下 安装依赖 npm i 注: node版本14.10.0
安装依赖是sharp会安装失败
下载包 libvips-8.10.0-linux-x64.tar.br 会失败,此时在本地下载改包, 然后在服务器获取npm的缓存地址
npm config get cache
然后把下载的包传到获取的缓存地址的_libvips文件夹下
系统没有make命令的还需要安装
yum install -y make gcc-c++
然后再执行npm i即可
启动项目 npm run start 后台进程运行 pm2 start npm -- run start --name blog-end
部署gridesome
下载代码
配置环境变量为服务器strapi的地址。(.env.development)中的GRIDSOME_API_URL
本地npm run develop 查看项目是否能成功启动
本地成功后,需要部署到线上
创建github仓库,将代码上传至github
在vercel导入blog_front项目
![](https://i-blog.csdnimg.cn/blog_migrate/71b67e279e0e56a97d2166c88b755f6e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/57c873ee1d511caec30bc2676af82b7e.png)
注意项目运行的node版本,
strapi数据更新时重新部署
settings -> git integration -> deploy Hooks
![](https://i-blog.csdnimg.cn/blog_migrate/c37b1ae205d309368011bb41df4a50e3.png)
然后去strapi上找settings=>webhooks 设置刚刚创建的hook
![](https://i-blog.csdnimg.cn/blog_migrate/70908b501d1e30cf73539e9b0544e569.png)
查看部署效果
![](https://i-blog.csdnimg.cn/blog_migrate/062039a97fbeaefba8a7ace843ec979a.png)
https://vercel.com/oulianhhong00/blog-front/9BaKhhXhKmhNGdJnoQEJ8JHd6Pci
![](https://i-blog.csdnimg.cn/blog_migrate/c93afc8c92405cf9aaca28ac75a0b9b7.png)
但是部署成功后点visit访问不了,似乎在国内现在访问不了