midway 入门教程,midwayjs初始化项目、跨域、获取参数

一、midway-init 创建项目

  1. 安装”midway-init“
npm i midway-init -g
  1. 项目初始化
midway-init

midway 入门教程,midwayjs初始化项目、跨域、获取参数_第1张图片

  1. 安装依赖
npm install
  1. 配置启动命令

"package.json"的”scripts”里修改配置

"dev": "set NODE_ENV=local && midway-bin dev --ts",
  1. 启动
npm run dev

二、配置跨域

在”src/config/config.default.ts”,添加代码如下


export default (appInfo: EggAppInfo) => {
  const config = <DefaultConfig> {};
  ……
  // 跨域
  config.security = {
    csrf: {
      enable: false,
    },
  };
  ……
}

三、GET/POST方法和参数获取

  1. 在“src/app/controller”添加”auth.ts”,添加代码如下
import { get, post } from 'midway';
import { Context, controller, inject, provide } from 'midway';

@provide()
@controller('/auth')
export class AuthController {
  @inject()
  ctx: Context;
  @get('/get_test/:id')
  async getTest(): Promise<void> {
    const id: number = this.ctx.params.id;
    const token: number = this.ctx.query.token;
    this.ctx.body = { success: true, message: 'OK', data: `id is:${id},token is ${token}` };
  }
  @post('/post_test')
  async postTest(): Promise<void> {
    const token: number = this.ctx.request.body.token;
    this.ctx.body = { success: true, message: 'OK', data: `token is ${token}` };
  }
ken is ${token}` };
  }
}
  1. POSTMAN请求示例
  • /GET
    midway 入门教程,midwayjs初始化项目、跨域、获取参数_第2张图片
  • /POST
    midway 入门教程,midwayjs初始化项目、跨域、获取参数_第3张图片

你可能感兴趣的:(博客,前端,typescript,midway,midwayjs,跨域,node.js)