• koa 学习


    1.下载node  

    2.npm init -yes  创建package.json   

    3.npm install  koa  下载koa

    4.npm install nodemon -d    实时更新服务   不用重新开启

    5.在package.json 下面修改  test  为 start   后面内容为  nodemon  app.js

    6.在根目录下创建 app.js   为我们的入口文件

    7.必要的插件:koa-router   koa-bodyparser   koa-json   koa-cors   

    8.创建:const Koa  = require(’koa‘); 调用:const app =  new Koa();    app.use(function)   app.listen(3000)   //基础使用

    9.路由:作为页面路径的映射   const Router = require('koa-router');  调用:let router = new Router();   主要用法 router.use(type,function)//定义路由    app.use(router.routes()).use(router.allowedMethods())//调用路由

    10:解决跨域问题:app.use(async (ctx,next) => {

      

    ctx.set('Access-Control-Allow-Origin',"*");//允许所有路径的访问。
    ctx.set('Access-Control-Allow-Methods',"OPTIONS, GET, PUT, POST, DELETE");//允许访问的方法
    ctx.set('Access-Control-Allow-Headers',"x-requested-with, accept, origin, content-type");//允许访问的headers
    ctx.set('Content-type',"application/json");//接受的类型
    await next();//转移给下一个中间件。

    }) 

    //当然也可以使用 koa-cors  

    app.use(cors({
    origin: function (ctx) {
    if (ctx.url === '/') {
    return "*"; // 允许来自所有域名请求
    }
    return 'http://localhost:3201';
    },
    exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'],
    maxAge: 5,
    credentials: true,
    allowMethods: ['GET', 'POST', 'DELETE'], //设置允许的HTTP请求类型
    allowHeaders: [ 'Content-Type', 'Authorization', 'Accept'],
    contentType:'application/json',
    }));
    11.后台数据渲染给前端  两种 
        1:自己渲染   使用  koa-ejs  模板   npm  install koa-ejs   
        let render = require('koa-ejs')   
        render('index'{
        root,layout,viewEnds,
        })
        2.操作数据库   npm install mongoose  
        mongoose.connect()  l链接 
        对数据进行操作    增删改查
        返给前端
       
  • 相关阅读:
    微信企业号开发:UserAgent
    用sinopia搭建内部npm服务
    python format用法详解
    python正则表达式re之compile函数解析
    Socket通信原理
    TCP半开连接与半闭连接
    使用npm安装一些包失败了的看过来(npm国内镜像介绍)
    UI优秀框架(库)
    关于 WebView 知识点的详解
    CommonJS规范
  • 原文地址:https://www.cnblogs.com/tutao1995/p/11095881.html
Copyright © 2020-2023  润新知