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連接
對數據進行操做 增刪改查
返給前端