依旧是写在前面的碎碎念:💭
学习编程我觉得最好的方式就是动手写代码⌨️
相对于阅读文档,在提出需求解决需求的过程中以主动探索为驱动对于我来说能够更快速掌握技巧并加深印象🧠
之前做过的项目也都会在笔记本上作记录,但后来发现这种纸质记录优势查询起来有些困难也不太利于回顾,所以现在要慢慢养成用博客来记录的习惯☺️
服务器搭建
使用
npm init
初始化项目安装所需要的框架模块
npm install koa --save //koa框架
npm install koa-json --save //返回给前端的json对象
npm install koa-bodyparser --save //post提交的对象
npm install koa-router --save //路由
npm install koa2-cors --sav //解决跨区
npm install nodemon --save //启动服务器端
- 创建
.gitignore
文件
/.idea
/node_modules
package-lock.json
- 创建入口文件
app.js
const Koa = require('koa')
const app = new Koa()
const json = require('koa-json')
const bodyParser = require('koa-bodyparser')
const router = require('koa-router')()
const cors = require('koa2-cors')
app.use(cors())
app.use(json())
app.use(bodyParser())
app.use(router.routes()).use(router.allowedMethods())
app.listen(4000)
console.log('success')
- 在编辑器终端输入
nodemon app.js
搭建完成🎉
访问登录页
- 创建登录页
login.js
const router = require('koa-router')()
router.get('/register', async ctx => {
console.log('login.js')
})
module.exports = router.routes()
- 在
app.js
注入接口
const login = require('./router/login/login.js')
router.use('/api', login)
在编辑器终端输入
nodemon app.js
在浏览器访问
http://localhost:4000/api/register
回到编辑器终端可以看到
访问成功🎉