工具及配置

①开发环境

mac系统
nodejs 14+ linux -- Alibaba Cloud Linux 2.1903 LTS 64位 mysql nginx

②开发工具

IDE: vscode
服务器链接: secureCTR
服务器传输文件：forklift ，transmit

技术储备

服务端：egg，nginx。前台：next，swr。后台：react脚手架，react-route,loadable

前期准备

购买阿里云服务器

①设置账号密码
②安装node，mysql，
主意： 安装 yarn时阿里教程中通用yum 安装的版本过旧，需要自己去官网下载。 node安装需要去官网下载后解压，然后设置环境变量。参考blog.csdn.net/weixin_4387… ③阿里云服务 挂在额外硬盘
④到阿里ssl服务上下载免费的https证书。
⑤安装nginx，并配置目录指向到外加硬盘中的文件夹下，并配置https证书
⑥ 阿里控制台关闭多余端口，只保留必要端口如mysql 的3306 ，ssh链接的22，以及ssl的 443端口。
nginx的路径配置规则参考 hqidi.com/95.html
主意 “/“和不带”/“的区别
⑦linxu安装pm2进程守卫

vscode 配置

安装 remote-SSH，在mac电脑生成ssh 公钥私钥，并将公钥中的内容存入./root/.ssh/authorized_keys中，
主意：window下的公钥私钥与 mac下的不一样，需要重新生成，生成后同样将公钥文件内容复制追加到authorized_keys文件中。若有同系统下的id_rsa则可以直接重新加载即可。参考blog.csdn.net/WindSunLike…
blog.csdn.net/weixin_4490…

开撸

设计

设计数据表，设计后台页面，设计前台页面。

mysql

创建 用户表，文章表，类型表 设置linux系统自动定时备份。参考：www.cnblogs.com/gucb/p/1131…

egg：

配置egg-mysql，egg-cors，配置跨域。允许Cook可以跨域。编写中间件 利用session来控制接口的访问。

creat-react-app：

①引入craco。配置 ant-d 按需引入。打包后的输出路径等一系列设置。
②开发组件。配置路由，设置基本路由路径(需要与nginx中的配置对应)。路由采用统一配置，按需引入的模式。利用react-router-cache-route做路由页面缓存。
③利用loadable 对组件进行懒加载和加载过程展示！
④对ant-d的图标进行有选择性的统一引入，用于按所配置的名字显示。
⑤ axios配置 cookie跨域

next：

抽离公共组件。引入swr 请求缓存过期技术

前台发布 用pm2 进程守护 pm2 start npm --name myblog -- run start