各位小伙伴们，如果觉得这篇文章还不错，记得点个赞或者给个star哦。你们的点赞和star是我写更多更丰富的开源项目的动力！github地址技术栈react全家桶typescriptantdesignegg.jsmysql前后端分离开发模式，前端项目和后端项目属于不同的项目//instagram/client前端项目//instagram/serviceback-endproject注：本项目纯属个人Fuck，与instagram无关。部分功能截图登录》关注帖子、点赞、评论、搜索和修改个人信息运行项目由于前后端端口不同，为了解决跨域。前端项目启动devServer，需要启动后端项目gitclonehttps://github.com/zhoushaw/I...cdInstagram运行后端项目，请确保mysql是本地安装，并配置全局变量mysql-uroot-p输入数据库密码createdatabaselearn；使用学习创建学习数据库；切换数据库源learn.sql的路径；例如：来源/Users/shawzhou/Desktop/learning/instagram/db/learn.sql；配置egg.js连接数据库信息//到service/config/config.local.ts配置你的数据库信息config.sequelize={dialect:'mysql',host:'127.0.0.1',port:3306,数据库:'learn',用户名:'',密码:'',operatorsAliases:false};配置七牛云上传认证信息//到/service/app/service/qiniu.ts配置你的七牛云获取token信息exportdefaultclassqiniuServiceextendsService{//到七牛云个人面板=>秘钥管理视图私人访问密钥：字符串=''；//私钥privatesecretKey:string='';//私钥privatepublicBucketDomain='';//外链默认域名私有选项:qiniuOption={scope:'',//上传空间过期:7200}//....}//七牛云存储空间设置，进入/client/src/components/上传/索引。js，配置上传区类UploadextendsReact.Component{uploadFn=async()=>{//...varconfig={region:qiniu.region.z0//所属地域，可以去七牛云文档查看};//...}/service文件下的npminstallnpmrundev运行前端项目cdclientnpminstallnpmstarttargetfunction[X]登录，注册--完成[X]修改个人信息--完成[X]follow--完成[X]评论--完成[X]赞---完成[X]搜索帖子-完成[X]上传头像-完成[X]帖子-完成[X]收藏-未完成后记：朋友，如果你认为这个文章还不错，记得点个赞或者给个star，你们的点赞和star是我写更多更丰富的开源项目的动力！GitHub地址
