其实脚手架生成的初始项目目录 app/controller/home.js 已是个简单的例子前端
如今,先在controller下新建一个js文件-> news.jsapp
引入控制器,新建类,导出类异步
const Controller = require('egg').Controller; class NewsController extends Controller{ //类名大写 async list(){ // async await 异步 const dataList = await this.data(); this.ctx.body = { code:0, masg:'success!', data:dataList }; } async data(){ return { list:[ { id: 1, title: 'news1', url: 'https://i.loli.net/2019/05/20/5ce26578e0e5549312.png' }, { id: 2, title: 'news2', url: 'https://i.loli.net/2019/05/20/5ce2657a0e01277224.png' }, { id: 3, title: 'news3', url: 'https://i.loli.net/2019/05/20/5ce2657b67be250185.png' }, ] } } } module.exports = NewsController; //别忘了导出类
以后,打开app/router.js 新建一个接口 router.get('/list', controller.news.list);
注意路径不要写错async
module.exports = app => { const { router, controller } = app; router.get('/', controller.home.index); router.get('/list', controller.news.list); };
完成以后就能够打开咱们的前端项目进行接口请求,能够看到返回的内容。成功~ui