使用koa托管静态资源文件

npm install koa-static --save

创建静态资源文件夹：

一，创建koa服务器，托管静态资源的文件夹

// 导入koa，和koa 1.x不同，在koa2中，我们导入的是一个class，因此用大写的Koa表示:
const Koa = require('koa');
//注意require('koa-router')返回的是函数:
const router = require('koa-router')();
//设置跨域
const cors = require('koa2-cors'); //跨域处理
//导入post请求参数处理的插件
const bodyParser = require('koa-bodyparser');
// 引入静态资源中间件，静态web服务
const staticResource = require('koa-static');
// 引入node的path模块
const path = require('path')// 创建一个Koa对象表示web app本身:
const app = new Koa();
app.use(cors());
// add router middleware:
app.use(bodyParser());
//配置静态资源中间件
app.use(staticResource(path.join(__dirname,'public')))// get请求是动态路由时获取参数的方法
router.get('/hello/:name', async (ctx, next) => {var name = ctx.params.name;ctx.response.body = `<h1>Hello, ${name}!</h1>`;
});//获取get请求的参数的方法
router.get('/testgetparams', async (ctx, next) => {//获取请求参数的几种办法console.log(ctx.url); // /?color=blue&size=smallconsole.log(ctx.originalUrl); // /?color=blue&size=smallconsole.log(ctx.origin); // http://localhost:3000console.log(ctx.querystring); // color=blue&size=smallconsole.log(ctx.query); // { color: 'blue', size: 'small' }  //我最常用的肯定是这个，也就是get请求参数放在：ctx.query之中var text=ctx.queryctx.response.body = text;   //响应体data中的信息
});//获取post请求的参数的方法
router.post('/testpostbody', async (ctx, next) => {var text=ctx.request.body                //我最常用的肯定是这个，也就是get请求参数放在：ctx.request.body之中ctx.response.body = text;   //响应体data中的信息
});app.use(router.routes());
// 在端口3000监听:
app.listen(3000);
console.log('服务器创建储成功，启动的端口是3000');

中间三个是路由的示例，可以社舍去哈。
然后启动这个服务器：

就可以在浏览器端输入从而访问了：

使用koa托管静态资源文件相关推荐

node.js学习笔记3 express基本使用、托管静态资源、express中间件
内容 1. 什么是express 1.1 http模块和express的关系 2. express能做什么 3. express的基本使用 3.1 安装 3.2 创建最基本的web服务器 3.3 监听 ...
golang打包HTML为Android,使用Go开发Web服务，并打包html/js/css等静态资源文件
Go的高性能,使它天生适合开发io方面的服务,Web服务当然不再话下.同时,Go编译后生成的单文件不是字节码,而是对应平台的机器码,因此它效率更高.资源占用更低. 为了更好的进程程序管理,移动程序时更 ...
python3读取网页_python3+selenium获取页面加载的所有静态资源文件链接操作
软件版本: python 3.7.2 selenium 3.141.0 pycharm 2018.3.5 具体实现流程如下,废话不多说,直接上代码: from selenium import webd ...
vue-cli项目布署问题解决：空白页、静态资源文件404错误、refrenceError:promise未定义（部分浏览器不支持ES6语法）
(前言:文章记录vue-cli项目打包使用IIS布署遇到的几个错误及解决方式) 首先简单理解webpack打包: 个人理解:项目开发中我们构建 "低耦合高内聚" 的组件/模块来代码 ...
Golang实践录：静态资源文件整合：web服务
趁着五一放假,趁着有时间,把欠的一些技术集中研究研究,写写文章,好给自己一个交待. 本文研究静态资源文件的在 web 服务器的整合. 基础 Golang 中的 web 服务框架有很多种,本文选取 gi ...
Golang实践录：静态资源文件整合：初步使用
趁着五一放假,趁着有时间,把欠的一些技术集中研究研究,写写文章,好给自己一个交待. 本文介绍如何在 Golang 中整合静态资源文件,将静态资源文件编译到二进制可执行文件中,这与其它程序的打包可能是一 ...
在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案
在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案参考文章: (1)在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案 (2)https: ...
SpringBoot2.x 同个文件的加载顺序,静态资源文件
Spring Boot 默认会挨个从 META/resources > resources > static > public 里面找是否存在相应的资源,如果有则直接返回. 默认配置 ...
springboot中添加静态资源的方式，默认的静态资源文件夹有哪些
通过webjar的方式引入静态资源访问popular webjar网站,里面有大量的最常用的静态资源webjar,以jar包的形式导入静态资源.类如jquery.vue.bootstrap等,都可以 ...
解决Spring MVC整合Shiro出现无法访问静态资源文件的问题
解决方案:shiro过滤器配置拦截器链中添加"/static/**=anno"即可,"/static/**"为静态资源文件路径. <property na ...

使用koa托管静态资源文件

一，创建koa服务器，托管静态资源的文件夹

使用koa托管静态资源文件相关推荐

最新文章

热门文章