koa koa-static 静态资源中间件 art-template cookie

最新推荐文章于 2022-04-30 13:42:31 发布

小小程序员洋

最新推荐文章于 2022-04-30 13:42:31 发布

阅读量279

点赞数

本文链接：https://blog.csdn.net/qq_40257538/article/details/92789558

版权

1 安装 npm install --save koa-static

2 引入 const static =require("koa-static");

3 使用

app.use(static("static"))
              //目录

4 之后就可以在html中获的本地静态资源了但是需要注意的是因为你中间件已经定义了目录

所以 <link rel="stylesheet" href="css/header.css"> 找的是static（中间件定义目录下）开始找的

5 可以设置多个中间件来设置多个静态目录

art-template

1 安装 npm install --save art-template

npm install --save koa-art-tempalte

2 引入 const render=require("koa-art-template");

3 配置

render(app, {

root: path.join(__dirname, 'view'), //视图位置

extname: '.html', //后缀

debug: process.env.NODE_ENV !== 'production' //是否启动调试

});

4 使用

var Koa =require("koa");
var app=new Koa();
var Router=require("koa-router");
var router =new Router();
const views =require("koa-views");
var bodyParser=require("koa-bodyparser");
const static =require("koa-static");
const render=require("koa-art-template");
var path =require("path")
app.use(static("static"))
              //目录
app.use(bodyParser());
app.use(views('views',{map:{html:'ejs'}}));
render(app, {
    root: path.join(__dirname, 'view'),  //视图位置
    extname: '.html',  //后缀
    debug: process.env.NODE_ENV !== 'production'  //是否启动调试
  });
app.use(async (ctx,next)=>{
    await next();
    if(ctx.status==404){
        ctx.status=404
        ctx.body="错误404"
    }
})





// 使用
router.get("/",async (ctx,next)=>{
    let name="姓名";
    let password="密码"
       await ctx.render("index")
})
router.post("/p",async (ctx,next)=>{
  ctx.body=ctx.request.body
})






app.use(router.routes())
app.use(router.allowedMethods())
app.listen(8081)

绑定数据

<%=name %>

<% 1+2 %>

绑定html

<%-list %>

更多语法 http://aui.github.io/art-template/zh-cn/docs/syntax.html 与ejs基本一样

需要注意的是引入其他外部文件（子模块与ejs不一样）

<% include("./....html") %>

cookie

1 koa 设置cookie的值

ctx.cookies.set(name,value,[options]) 名字值和一些参数 maxAge 过期参数毫秒计算

expires 过期日期 path cookie路径默认是"/" domain cookie域名 seure 布尔值默认false true时只有https可以访问

httpOnly 只有服务器访问

2 ctx.cookies.get("name") 获取需要注意的是 cookie的值不能是中文

router.get("/",async (ctx,next)=>{
    ctx.cookies.set("userinfo","123",{maxAge:60*1000*60})
    await ctx.render("index")
})
router.get("/new",async (ctx)=>{
  ctx.body=ctx.cookies.get("userinfo")
})

3 koa 中设置中文cookie(转换成base64 保存取出来以后在转换出来)

router.get("/",async (ctx,next)=>{
    let name=new Buffer("找死").toString("base64");
    ctx.cookies.set("userinfo",name,{maxAge:60*1000*60})
    await ctx.render("index")
})
router.get("/new",async (ctx)=>{
   let nameBase=ctx.cookies.get("userinfo")
   let name=new Buffer(nameBase,"base64").toString()
  ctx.body=name
  
})