感谢@旅梦开发团,特别为此录制的教学视频javascript
Hello 小伙伴们,若是以为本文还不错,记得点个赞或者给个 star,大家的赞和 star 是我编写更多更丰富开源项目的动力! GitHub 地址前端
技术栈java
先后端分离开发模式,前端项目与后端项目属于不一样的工程mysql
// instagram/client 前端工程 // instagram/service 后端工程 复制代码
注:此项目纯属我的瞎搞,与instagram无任何关系。react
登陆git
关注github
发帖sql
点赞、评论、搜索typescript
修改我的信息数据库
因先后端不一样端口缘由,为解决跨域。前端工程启动了devServer,需先启动后端工程
运行后端项目
// 前往service/config/config.local.ts,配置你的数据库信息 config.sequelize = { dialect: 'mysql', host: '127.0.0.1', port: 3306, database: 'learn', username: '', password: '', operatorsAliases: false }; 复制代码
// 前往/service/app/service/qiniu.ts,配置你的七牛云获取token信息 export default class qiniuService extends Service { // 前往七牛云的我的面板=>秘钥管理查看 private accessKey: string = ''; // 秘钥 private secretKey: string = ''; // 秘钥 private publicBucketDomain = ''; // 外链默认域名 private options: qiniuOptioin = { scope: '', // 上传空间 expires: 7200 } // .... } // 七牛云存储空间区设置,前往/client/src/components/upload/index.js,配置上传区 class Upload extends React.Component{ uploadFn = async () => { // ... var config = { region: qiniu.region.z0 // 所属区,可前往七牛云文档查看 }; // ... } 复制代码
运行前端项目
后记:小伙伴们,若是以为本文还不错,记得点个赞或者给个 star,大家的赞和 star 是我编写更多更丰富开源项目的动力! GitHub 地址