vue-koa2-login

Vue + Koa2 实现前后端注册登录流程

技术栈

前端：

• vue2.x
• Vue-router
• vuex
• element
• axios

后端：

• koa2.x
• node-jsonwebtoken
• node.bcrypt.js
• sequelize

环境要求

1. Node.js：推荐最新LTS版本，至少要在v7.6以上 (7.6默认支持Async/Await)。
2. MySQL：我使用的是最新版本，5.x应该都可以。
3. Yarn (可选)：我个人强力安利Yarn，下面的例子也会使用，如果您不想使用Yarn，使用NPM即可。

运行项目

上面的环境依赖都装好以后，在运行之前，我们要先对后端项目进行一些配置：

# 先把项目克隆到本地
$ git clone [email protected]:KidneyFlower/vue-koa2-login.git

# 进入后端项目文件夹
$ cd vue-koa2-login/server/

打开src/config/index.js会看到如下代码：

module.exports = {
  db: {
    dialect: 'mysql', // 连接数据库的类型
    host: 'localhost', // MySQL 地址
    port: '3306', // MySQL 端口号
    username: 'root', // MySQL 用户名
    password: 'password', // MySQL 密码
    database: 'test', // 使用的数据库名称
    operatorsAliases: false // Issue #8417
  },
  jwt: {
    secret: 'KidneyFlower', // jsonwebtoken 使用的 secret
    options: {
      expiresIn: '60s' // Token 的过期时间
    }
  }
}

将配置项中的数据修改为你的实际数据，保存后我们继续：

# 安装后端所需依赖
$ yarn install

# 运行后端项目
$ yarn dev

# 如果后端运行正常，打开一个新的终端窗口

# 进入前端项目文件夹
$ cd /your/path/to/vue-koa2-login/

# 安装前端所需依赖
$ yarn install

# 运行前端项目
$ yarn serve

前端项目地址：http://127.0.0.1:8080

后端项目地址：http://127.0.0.1:3000

Issues & Pull Requests

由于本人是Node.js的初学者，写出的代码虽然可以运行，但一定不是最优解，如果您愿意在这方面指导我，欢迎您在Issue中提出宝贵的建议。

如果您觉得项目中哪里写得不好或者有更好、更简洁的写法，也欢迎您提出宝贵的Pull Request。

不胜感激！！！

License

MIT

Copyright (c) 2018-present, KidneyFlower