大前端學習第二課： Koa項目工程化目錄

今天我在大前端課程學習以下：

目錄

1. koa項目目錄基本結構
2. koa-combine-routers 的做用
3. koa-helmet 的做用
4. koa-static 的使用

koa項目目錄基本結構

.
|____public                       // 靜態文件目錄
| |____1.jpg
|____package-lock.json
|____package.json
|____src                          // source 文件
| |____index.js
| |____api                        // api 承載接口
| | |____a.js
| | |____b.js
| |____routes                     // routes 用來combine-routes
| | |____aRouter.js
| | |____routes.js
| | |____bRouter.js
複製代碼

koa-combine-routers

Convenience middleware for composing multiple instances of koa-router. 用於組成koa中間價的多個實例。

使用方式:

// routes.js
const combineRoutes = require('koa-combine-routers');

var aroutes = require('./aRouter');
var broutes = require('./bRouter');

module.exports = combineRoutes(
  aroutes,
  broutes
)
複製代碼

// a.js & b.js
const Router = require('koa-router');

const a = require('../api/a');

const router = new Router();

router.get('/a', a);

module.exports = router;
複製代碼

• index.js 使用以下:

const Koa = require('koa');
const path = require('path');
const app = new Koa();
const router = require('./routes/routes');
app.use(router());
app.listen(3000);
複製代碼

koa-helmet

koa-helmet is a wrapper for helmet to work with koa. It provides important security headers to make your app more secure by default.

簡而言之，它就是koa的頭盔，爲koa項目設置安全標頭。

使用：

const helmet = require('koa-helmet');
app.use(helmet());
複製代碼

koa-static

顯而易見。這是用來處理static靜態文件的。

const statics = require('koa-static');
app.use(statics(path.join(__dirname, '../public')));
複製代碼

這樣你就能夠愉快的訪問public下面的靜態文件啦。

github: github.com/haimingyue/…

---

我是海明月，前端小學生。