koa利用koa-views通过路由返回html页面

最新推荐文章于 2023-07-25 00:26:11 发布

luffy5459

最新推荐文章于 2023-07-25 00:26:11 发布

阅读量2.7k

点赞数 1

分类专栏： Web前端文章标签： koa koa-static koa-views render koa-router

本文链接：https://blog.csdn.net/feinifi/article/details/116234374

版权

这篇博客介绍了如何利用Koa的koa-views中间件和koa-router模块来实现在Node.js服务端进行路由控制和HTML页面的动态渲染。通过示例代码展示了如何设置路由并返回不同的HTML页面，同时也提到了这种方式类似于早期的jsp开发模式，适用于简单项目，但在当前前后端分离的趋势下并不常见。

摘要由CSDN通过智能技术生成

前面一篇博客介绍了koa借助koa-static依赖可以实现以静态资源的形式加载html，但是没有路由功能，一般而言，前后端分离之后，路由控制是由前端控制，也有一些不分离的项目，需要后端通过url路径请求直接返回一个html，这个页面是一个动态页面，如果使用ejs模板，甚至可以在渲染加载页面的时候，增加页面参数。

koa-views可以实现这个功能，同时，配合koa-router可以实现服务端路由控制来跳转页面。

const Koa = require("koa")
const app = module.exports = new Koa()
const router = require("@koa/router")()
const path = require("path")
const views = require("koa-views")
app.use(views(path.join(__dirname,"views/"),{extension:'html'}))
router.get("/",index)
      .get("/link",linkpage)
	  
async function index(ctx){
	await ctx.render("index")
}

async function linkpage(ctx){
	await ctx.render("link")
}

app.use(router.routes())

if(!module.parent){
  app.listen(3