koa 學習

1.下載node  前端

2.npm init -yes  建立package.json   node

3.npm install  koa  下載koa數據庫

4.npm install nodemon -d    實時更新服務   不用從新開啓npm

5.在package.json 下面修改  test  爲 start   後面內容爲  nodemon  app.jsjson

6.在根目錄下建立 app.js   爲咱們的入口文件跨域

7.必要的插件:koa-router   koa-bodyparser   koa-json   koa-cors   app

8.建立:const Koa  = require(’koa‘); 調用:const app =  new Koa();    app.use(function)   app.listen(3000)   //基礎使用cors

9.路由:做爲頁面路徑的映射   const Router = require('koa-router');  調用:let router = new Router();   主要用法 router.use(type,function)//定義路由    app.use(router.routes()).use(router.allowedMethods())//調用路由koa

10:解決跨域問題:app.use(async (ctx,next) => {async

  

ctx.set('Access-Control-Allow-Origin',"*");//容許全部路徑的訪問。
ctx.set('Access-Control-Allow-Methods',"OPTIONS, GET, PUT, POST, DELETE");//容許訪問的方法
ctx.set('Access-Control-Allow-Headers',"x-requested-with, accept, origin, content-type");//容許訪問的headers
ctx.set('Content-type',"application/json");//接受的類型
await next();//轉移給下一個中間件。

 

}) 

//固然也能夠使用 koa-cors  

app.use(cors({
origin: function (ctx) {
if (ctx.url === '/') {
return "*"; // 容許來自全部域名請求
}
return 'http://localhost:3201';
},
exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'],
maxAge: 5,
credentials: true,
allowMethods: ['GET', 'POST', 'DELETE'], //設置容許的HTTP請求類型
allowHeaders: [ 'Content-Type', 'Authorization', 'Accept'],
contentType:'application/json',
}));
11.後臺數據渲染給前端  兩種 
    1:本身渲染   使用  koa-ejs  模板   npm  install koa-ejs   
    let render = require('koa-ejs')   
    render('index'{
    root,layout,viewEnds,
    })
    2.操做數據庫   npm install mongoose  
    mongoose.connect()  l連接 
    對數據進行操做    增刪改查
    返給前端
相關文章
相關標籤/搜索