Koa----koa-static 中间件的使用_koa-body koa-static-程序员宅基地

技术标签: Koa静态资源使用  koa-static  Koa  

1.安装

npm install koa-static --save

2.引入

let static = require('koa-static');

3.配置

// 引入配置静态托管app.use(static(静态资源所放在的目录)可配置多个)

// app.use(static(__dirname,'static'));//方式一

// console.log(__dirname);//项目的路径

// app.use(static('./static'));//方式二

      app.use(static(//方式三

path.join(__dirname,'static')

))

案例:

app_static.js

let Koa = require('koa');
let Router = require('koa-router');
let views = require('koa-views');
let app = new Koa();
let router = new Router();
let path = require('path');

// 引入koa-bodyparser插件
let bodyparser = require('koa-bodyparser');
// 配置中间件
app.use(bodyparser());

// 引入配置静态托管app.use(static(静态资源所放在的目录)可配置多个)
//http://localhost:3004/css/basic.css首先去static目录找,如果能找到就返回对应的文本,否继续next()
let static = require('koa-static');
// app.use(static(__dirname,'static'));//方式一
// console.log(__dirname);//项目的路径
// app.use(static('./static'));//方式二
app.use(static(//方式三
    path.join(__dirname,'static')
))

//应用ejs模板引擎
app.use(views('views',{
    extension:'ejs'
}))

router.get('/',async (ctx,next) => {
    // ctx.body = '这是首页'
    await ctx.render('post')
})
router.post('/doPost',async (ctx,next) => {
    ctx.body = ctx.request.body;//获取post传过来的参数
})


app.use(router.routes());//启动路由
app.use(router.allowedMethods());
app.listen(3004);

 views/static.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
 <!-- 使用静态资源 -->
    <link rel="stylesheet" href="/css/basic.css">
</head>
<body>
    
    <!-- 使用静态资源 -->
    <img src="/images/1.jpg" alt="">
</body>
</html>

 

 

 

 

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/muzidigbig/article/details/88096380

智能推荐

FAILED: Error in metadata: MetaException(message:Got exception: java.net.ConnectException Call to ha_caused by: metaexception(message:got exception: ja-程序员宅基地

文章浏览阅读1k次。这个必须记一笔:今天在安装配置完hive后,进入了hive的命令行执行show databases时抛出一下错误:FAILED: Error in metadata: MetaException(message:Got exception: java.net.ConnectException Call to hadoop0/192.168.0.10:9000 failed on c_caused by: metaexception(message:got exception: java.net.connectexception ca

IDEA值得推荐的20款优秀的插件_idea好用的插件-程序员宅基地

文章浏览阅读8.8w次,点赞140次,收藏772次。工欲善其事,必先利其器。想要提升编程开发效率,必须选择一款顺手的开发工具。JetBrains 公司提供了一系列功能强大、风格统一的开发工具,深受开发者喜爱。其中,IDEA 是面向 Java 开发的专业 IDE(集成开发环境),90% 以上的企业都在使用 IDEA 进行 Java 开发,而不是用其他的工具如 Eclipse。但是,想要开发效率最大化,仅有好的开发工具是不够的,还要能够熟练地使用它。对于 IDEA 的新用户来说,面对功能如此丰富的开发工具可能会有些迷茫,但又不想花时间去学习如何使用,_idea好用的插件

跑monkey命令-程序员宅基地

文章浏览阅读1.9k次。2019独角兽企业重金招聘Python工程师标准>>> ..._跑monkey命令

DDR4 MIG IP核 FPGA使用及读写测试_fpga ddr4 读写测试 xilinx-程序员宅基地

文章浏览阅读1.2w次,点赞6次,收藏71次。**前言**Xilinx提供了这样的IP核,名为MIG(Memory Interface Generator),它可以为提供DDR3、DDR4等多种存储器提供接口。本次DDR4读写采用的就是这个IP核,不过7系的FPGA与UltraScale系的FPGA所所对应的MIG IP核在客制化上有所区别,本文暂且只讨论UltraScale+系列FPGA所对应的MIG IP核,并且只针对DDR4的使用。..._fpga ddr4 读写测试 xilinx

vue iview中向后端请求springboot后端数据searchForm表单中字段显示undefined的问题。_设置searchform表单指定错误或url为空。-程序员宅基地

文章浏览阅读1.8k次。这个问题困扰了我一天的时间。首先简单说明以下,我前端请求一开始用的POST,请求代码片段如下:export const postRequest = (url, params) => { let accessToken = getStore("accessToken"); return axios({ method: 'post', url: `${base}${url}`, data: params, trans_设置searchform表单指定错误或url为空。

百度地图 v3.5 根据数据源添加很多覆盖物和监听这些覆盖物,处理覆盖物重叠,点击添加覆盖物_vue baidu map 检测覆盖物是否重叠-程序员宅基地

文章浏览阅读4.9k次。在上一片博客中已经讲述了如何定位,这里主要讲根据数据源来添加覆盖物,在百度的demo中就只是演示了他固定添加了几个覆盖物,但是在实际项目中需要添加的添加的覆盖物就不是固定的,需要根据list集合数据源来添加,并且需要为这些覆盖物添加上对应的点击事件。 markers=new Marker[rodlist.size()]; for (int i=0;i

随便推点

GetAdaptersInfo & GetAdaptersAddresses-程序员宅基地

文章浏览阅读370次。I use GetAdaptersInfo to get MAC addresses of interfaces. GetAdaptersInfo exist on old and new versions of Windows. But msdn warns : "On Windows XP and later: Use the GetAdaptersAddresses ..._hook getadaptersaddresses崩溃

Go语言学习之函数(The way to go)_unexpected swap, expecting (-程序员宅基地

文章浏览阅读1.3w次。生命不止,继续Go go go.变量介绍完了,流程控制介绍完了,也该轮到函数了。 go中,使用关键字func进行函数声明:func function_name( [parameter list] ) [return_types]{ body of the function}比如,声明一个函数,交换两个字符串:func swap(x, y string) (string, string) {_unexpected swap, expecting (

如何搭建服务器及注意事项_科学搭建服务器-程序员宅基地

文章浏览阅读3.2k次。服务器是重要的网络设备,很多人在使用服务器建立网站的时候,都想要自己进行搭建。服务器是为我们提供不间断的互联网应用以及服务的主机,能起到为我们提供文件上传,数据保存,应用服务或网站浏览等作用,其实不是机房要用服务器,而是服务器需要机房,将服务器放在机房,是为了统一管理,节省资源,使其提供的服务更稳定。如何搭建服务器一、开启FTP服务,并建立FTP网站1.打开控制面板,找到程序和功能,点击“启用或者关闭windows功能”。2.把箭头所指的地方都打上勾,然会点击确定,等待配置结束。3.回到控制面板_科学搭建服务器

python中groupby函数详解(非常容易懂)_groupby怎么用python-程序员宅基地

文章浏览阅读3.3w次,点赞61次,收藏518次。python中groupby函数详解(非常容易懂)一、groupby 能做什么?python中groupby函数主要的作用是进行数据的分组以及分组后地组内运算!对于数据的分组和分组运算主要是指groupby函数的应用,具体函数的规则如下:df.groupby([df[属性],df[属性])(指分类的属性,数据的限定定语,可以有多个).mean()(对于数据的计算方式——函数名称)举例如下:print(df[“评分”].groupby([df[“地区”],df[“类型”]]).mean())#上_groupby怎么用python

关闭所有杀毒软件快捷方法_windows7怎么关闭所有杀毒软件-程序员宅基地

文章浏览阅读969次。_windows7怎么关闭所有杀毒软件

To display the conditions report re-run your application with ‘debug‘ enable-程序员宅基地

文章浏览阅读1.2k次。启动spring boot报错: To display the conditions report re-run your application with 'debug' enable端口被占用了 修改 server.port= 31001解决_to display the conditions report re-run your application with 'debug' enable

推荐文章

热门文章

相关标签