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连接
对数据进行操做 增删改查
返给前端