Web前端必做笔记之一：Koa框架基础（三）

Web前端必做笔记之一：Koa框架基础（三）

如果我们需要引入一张图片，那src路径写什么，如果拷贝一个图片与server.js同级，这是无法访问的，因为访问图片是，客户端来访问网站，是不能直接通过浏览器访问到服务器中的文件的，
那我们就需要用koa来设置
需要使用命令下载koa-static，可以设置静态文件目录

npm  install --save koa-static

const Koa = require('koa'); 
const router = require('koa-router')(); 
const static = require('koa-static');   //引入koa-static,来设置静态文件目录 
const app = new Koa(); //创建应用

//__dirname  可以直接获取当前项目的绝对路径
// console.log(__dirname,'当前项目的绝对路径');
//public目录在当前文件夹下创建,
 app.use(static(__dirname + '/public'))
 
 router.get("/",async(ctx) => {
     ctx.body = `
     <h1>标题</h1>
     <p>这个一个文章内容</p>
     <img src='/img/logo.jpg'>  
     `
     //在public文件夹中的img文件里面放入logo.jpg图片
})
app.use(router.routes());
app.listen(3000, () => {
   console.log("server is running")
}) 

这样就实现了设置静态目录，并引入图片的功能。