我们的后端用的是Koa 静态文件的组件为koa-static, 刚好koa-static提供了缓存的参数, 我们直接加上即可: const static = require("koa-static"); 2592000000, //静态资源30天缓存 实际上 = 2592000秒 }; app.use(static(path.join(__dirname, staticPath), opts)); koa-static 的版本的版本号为5.0.0 参考文档:https://www.npmjs.com/package/koa-static/v/5.0.0 然后关于浏览器缓存机制的文章:https://blog.csdn.net
会让其他中间件先响应,即使其他中间件写在koa-static后面也会让他先响应,自己最后响应。 /koajs/stati… koa-send 上面我们看到koa-static其实是包装的koa-send,真正发送文件的操作都是在koa-send里面的。 最后我们再来回顾下本文的要点: 本文是Koa常用静态服务中间件koa-static的源码解析。 由于是一个Koa的中间件,所以koa-static的返回值是一个方法,而且需要符合中间件范式: (ctx, next) => {} 作为一个静态服务中间件,koa-static本应该完成以下几件事情 参考资料: koa-static文档:github.com/koajs/stati… koa-static源码:github.com/koajs/stati… koa-send文档:github.com
当使用Koa2处理静态资源时,可以使用koa-static中间件。下面是一个更详细的示例,演示了如何在Koa2中处理静态资源。 首先,需要安装koa-static模块: npm install koa-static 然后,在Koa2的入口文件中引入koa-static模块,并将其作为中间件使用: const Koa = require ('koa'); const static = require('koa-static'); const path = require('path'); const app = new Koa(); 然后,将该路径传递给koa-static中间件。这样,Koa2会将该目录下的静态资源暴露给外部访问。 通过使用koa-static中间件,可以轻松地将静态文件提供给客户端。
根目录下public文件夹下的内容为图片资源 # 安装依赖 koa-static path # 主程序代码 server.js const Koa = require('koa') const app = new Koa() const path = require('path') // 静态资源 app.use(require('koa-static')(path.join(__dirname) && exit 1" }, "author": "", "license": "ISC", "dependencies": { "koa": "^2.11.0", "koa-static
about', about)); app.listen(3000); 访问 http://127.0.0.1:3000/about http://127.0.0.1:3000/ 完成路由 静态资源 koa-static npm https://www.npmjs.com/package/koa-static 接着下载安装 npm i koa-static 编写入口文件。 const koa = require('koa'); const app = new koa(); const server = require('koa-static'); // 静态资源 const 3000/about 将会被路由进行捕获 重定向 const koa = require('koa'); const app = new koa(); const server = require('koa-static (3000); 上方完成了一次页面的跳转 中间件 const koa = require('koa'); const app = new koa(); const server = require('koa-static
前端得到图片路径后将图片路径再提交到后端保存的接口,存入数据库中 后端 在主文件中添加配置 我这个项目的配置文件在 app/index.js 图片上传的路径在 app/public/uploads 插件 koa-static 安装:npm install koa-static npm网址 : https://www.npmjs.com/package/koa-static 用法: // 引入 koa-static const koaStatic = require('koa-static'); // 引入koa const Koa = require('koa'); // 实例化koa对象 const app = new ('koa') const KoaBody = require('koa-body') const path = require('path') const koaStatic = require('koa-static
通过下面的命令下载koa-static,可以设置静态文件目录。 cnpm install --save koa-static 实例代码如下所示: 1 const Koa = require("koa"); 2 const static = require("koa-static logo.jpg'> 11 ` 12 }) 13 app.listen(3000,() => { 14 console.log("server is running") 15 }) 引入koa-static
使用 koa-static 中间件生成图片链接 直接返回图片的本地路径在实际上是没什么用的,我们应该返回一个http链接的图片地址,点击地址就可以查看图片。 借助 koa-static 中间件可以帮助我们生成一个静态服务,它指定一个文件夹,文件夹下所有的文件都可以通过 http服务来访问。 安装:npm install koa-static 并注册到 app 上,我们把他注册在 koaBody 中间件的前面,把 public 设置为静态文件目录。 const koaStatic = require('koa-static') ... ... app.use(koaStatic(path.join(__dirname, 'public'))) 启动程序
Koa2 可以通过 koa-static 中间件实现静态文件服务。 安装 koa-static:npm install koa-static然后配置静态文件服务:const Koa = require('koa');const serve = require('koa-static
wp_editor_md_db4ef348c63939a559ea0b01039433de.jpg] [wp_editor_md_8921b916d98358aedacdd21bf76baa21.jpg] koa-static 这里学习使用koa-static 安装 PS C:\Users\Administrator\Desktop\untitled3> npm install --save koa-static npm WARN Router = require("koa-router"); var bodyParser = require("koa-bodyparser"); var static = require("koa-static Router = require("koa-router"); var bodyParser = require("koa-bodyparser"); var static = require("koa-static Router = require("koa-router"); var bodyParser = require("koa-bodyparser"); var static = require("koa-static
而koa-send和koa-static就是帮助我们处理这些繁琐事情的中间件。 koa-send是koa-static的基础,可以在NPM的界面上看到,static的dependencies中包含了koa-send。 ? koa-static koa-static是一个基于koa-send的浅封装。 因为通过上边的实例也可以看到,send方法需要自己在中间件中调用才行。 手动指定send对应的path之类的参数,这些也是属于重复性的操作,所以koa-static将这些逻辑进行了一次封装。 只需指定root,剩下的工作交给koa-static,我们就无需关心静态资源应该如何处理了。 小结 koa-send与koa-static算是两个非常轻量级的中间件了。
中间件的使用 下载 cnpm i 中间件 -D 引入require中间件 使用 server.use(中间件) 使用静态文件中间件 1.cnpm i koa-static -D const koa = require('koa'); const Router=require('koa-router'); const static = require('koa-static') let server=new 根据上面两个选项我们可以设置不同静态文件的缓存时间 const koa = require('koa'); const Router=require('koa-router'); const static = require('koa-static ctx.request.fields 简单使用 const koa = require('koa'); const Router=require('koa-router'); const static = require('koa-static cookie中间件 基本使用 const koa = require('koa'); const Router=require('koa-router'); const static = require('koa-static
我们要把他挂到服务器上,继续提问: 问题10: 将这个 HTML 页面绑定到 koa 的路由上 ChatGPT 的回答: ---- 要将 HTML 页面绑定到 koa 的路由上,需要在 koa 中使用 koa-static 2048, temperature: 0.5, }); // 将生成的图片返回给客户端 ctx.body = response.data.complete; }); // 使用 koa-static /public")); // 启用路由 app.use(router.routes()); // 启动服务器 app.listen(3000); 使用 koa-static 插件绑定静态文件目录时 ---- 代码中帮我们引入了 koa-static 插件,并且指向了 public 文件夹,我们把 HTML 文件丢进去。 2048, temperature: 0.5, }); // 将生成的图片返回给客户端 ctx.body = response.data.complete; }); // 使用 koa-static
zuodeploy 命令入口,在 package.json 的 bin 属性中配置 ├── docImages # README.md 文档图片 ├── frontend # 客户端页面/前端操作页面(koa-static login 鉴权接口需要) koa-router,用于不同接口(路径,比如 /login, /deploy等)执行不同的方法 koa-session,用于接口鉴权,防止他人获取到部署接口后疯狂请求部署 koa-static 下运行的命令操作 2.3 spawn 执行时,子进程 stdout, stderr 可以获取到脚本执行 log,收集后返回给前端 考虑到前端页面的部署问题,可以与 koa server 服务放到一起,使用 koa-static koa-static 开启静态服务 // server/index.js const Koa = require("koa"); const KoaStatic = require("koa-static 其他问题 前端/客户端为什么只有一个 html 没有使用工程化 前端工程化方式组织代码比较重,没必要 这里功能比较简单、只有部署按钮、部署 log 查看区域、鉴权(输入密码)区域 便于部署,直接 koa-static
指定静态资源目录 这里我们使用第三方中间件: koa-static 安装并使用 安装 koa-static: npm i koa-static -S 修改 app.js,增加并指定 /public 目录为静态资源目录 const bodyParser = require('koa-bodyparser') const nunjucks = require('koa-nunjucks-2') // 引入 koa-static const staticFiles = require('koa-static') const app = new Koa() const router = require('.
接下来将以具体实例解释 JSONP 的原理,首先确保你的电脑上安装了nodejs 1.建立本地 web 服务器 新建文件夹 jsonp, 进入该文件夹内打开命令行工具 npm install koa koa-static 新建 index.js 文件 // index.js const Koa = require('koa') const app = new Koa() app.use(require('koa-static
node环境已经就绪 1、创建项目文件夹 创建文件夹test,在文件夹中shift+右键 在此处运行命令行 运行 npm init --y 2、 安装依赖 npm i koa koa-body koa-static server.js 文件 ---- const Koa = require("koa"); const koaBody = require("koa-body"); const static = require('koa-static
zuodeploy 命令入口,在 package.json 的 bin 属性中配置 ├── docImages # README.md 文档图片 ├── frontend # 客户端页面/前端操作页面(koa-static login 鉴权接口需要) koa-router,用于不同接口(路径,比如 /login, /deploy等)执行不同的方法 koa-session,用于接口鉴权,防止他人获取到部署接口后疯狂请求部署 koa-static 下运行的命令操作 2.3 spawn 执行时,子进程 stdout, stderr 可以获取到脚本执行 log,收集后返回给前端 考虑到前端页面的部署问题,可以与 koa server 服务放到一起,使用 koa-static koa-static 开启静态服务 // server/index.js const Koa = require("koa"); const KoaStatic = require("koa-static 其他问题 前端/客户端为什么只有一个 html 没有使用工程化 前端工程化方式组织代码比较重,没必要 这里功能比较简单、只有部署按钮、部署 log 查看区域、鉴权(输入密码)区域 便于部署,直接 koa-static
首先初始化我们的项目,在根目录执行 npm init -y安装 koa 和 koa-static( koa-static 用来管理服务端的静态资源):npm install koa koa-static app.jsconst Koa = require('koa');const app = new Koa();const path = require('path');const serve = require('koa-static }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "koa": "^2.13.0", "koa-static app.jsconst Koa = require('koa');const app = new Koa();const path = require('path');const serve = require('koa-static
) const Koa = require('koa') const static = require('koa-static') const router = require('koa-better-router 的会话时间内 cookie 有效,如需要长时生效需要设置过期时间 Max-age, Expires 等 const Koa = require('koa') const static = require('koa-static 可通过每次访问受权限限制的页面刷新 SessionCookie Koa 建议使用 koa-session 库 const Koa = require('koa') const static = require('koa-static id="getData">getData</button>