vue局部路由 prefix_vue 使用 bitorjs(2)

上一节我们讲到了 bitorjs 几个功能点, 这里做个小结

1. 让项目迅速集成开发插件的功能
2. 快速注解式路由
3. 使用中间件对数据进行拦截处理
4. 让你开发nodejs 项目与 前端项目习惯统一
5. 开发时数据模拟与真实请求快速无缝切换

这节我们接着在 bitorjs 的应中 实现 登录过程中的数据请求,主要涉及以下几方便的内容

1. 如何添加页面路由
2. 如何请求数据
3. 如何添加api路由
4. 如何添加前端服务

如何添加页面路由

  // 页面路由必须 使用 @Get 注解, 写法上与 api 路由是一样的, 不同的是 页面路由 需要渲染 组件 //引入 vue 组件 import Indexpage from '../view/index.vue'; // ... @Get('/url') async page1(ctx){ // render 函数需要两个参数 // 参数一: 组件 // 参数二: 组件属性 // 格式: cxt.render(vue-component, props) cxt.render(Indexpage, { name: 'test' }) } 

如何请求数据

  // view/index.vue  // 1. 选择合适的方法向 控制层请求数据 // 常用的方法 $get, $post, $delete, $put // 2. 请求的返回值 为 Promise 对象 methods:{ login() { this.$post('/prefix/url', { name: 'bitor', passwd: 'xxxxxx' }).then(res=>{ }) }} 

添加api路由