Node.js-----使用express写接口 _请求

使用写接口
文章目录JSONP接口
创建基本的服务器
//导入express模块const express =require('rexpress')//创建express的服务器实例const app=express()....//调用app.listen方法，指定端口号并启动web服务器app.listen(80,function(){console.log('server running at http://127.0.0.1');})
创建API路由模块
// apiRouter.jsvar express=require('express')//导入expressvar apiRouter=express.Router() //创建路由对象module.exports=router //向外导出对象//app.jsconst apiRouter=require('./apiRouter')app.use('api',apiRouter)
编写GET接口
apiRouter.get('/get',(req,res)=>{//1.获取到客户端通过查询字符串，发送到服务器的数据const query=req.query//2.调用res.send()方法，把数据响应给客户端res.send({status:0,//状态，0表示成功1表示失败msg:'GET请求成功,// 状态描述data:query//需要响应给客户端的数据})})
编写POST接口
apiRouter.post('/post',(req,res)=>{//1.获取到客户端通过查询字符串，发送到服务器的数据const body=req.body//2.调用res.send()方法，把数据响应给客户端res.send({status:0,//状态，0表示成功1表示失败msg:'POST请求成功,// 状态描述data:body//需要响应给客户端的数据})})
在拿到路由之前需要配置解析表单的中间件
//配置解析表单数据的中间件app.use(express.urlencoded({extended:false}))
CROS跨域资源共享 1.接口的跨域问题
刚才编写的GET和POST接口，存在一个很严重的问题:不支持跨域请求。解决接口跨域问题的方案主要有两种
2.使用cros中间件拒绝跨域问题
cros是的一个第三方的中间件。通过安装和配置cors中间件，可以很方便的解决跨域问题
使用步骤
3.什么是cros
cros(Cross-，跨域资源共享)由一系列HTTP响应头组成，这些HTTP响应头决定浏览器是否阻止前端JS代码跨域获取资源
浏览器的同源安全策略默认会阻止网页"跨域"或缺资源，但是如果接口服务器配置了CROS相关的HTTP响应头
就可以接触浏览器端的跨域访问限制
4.cros的注意事项5.cros请求的分类
客户端在请求cors接口时，根据请求方式和请求头的不同，跨域将cros的请求分为两大类，分别是：
预检请求
在浏览器与服务器正式通信之前，浏览器会发送请求进行预检，以获取浏览器是否允许该实际请求，所以这一次的请求为“预检请求”,服务器成功响应预检请求后，才会发送真正的请求，并且携带真实数据
6.简单请求和预检请求的区别
简单请求的特点: 客户端与服务器之间只会发生一次请求。
预检请求的特点: 客户端与服务器之间会发生两次请求，预检请求成功之后，才会发起真正的请求。
JSONP接口 1.回顾jsonp的概念和特点
概念：浏览器通过/
特点：
2.创建jsonp接口的注意事项
如果项目中已经配置了CROS的跨域资源共享，为了防止冲突，必须在配置CROS中间件之前声明JSONP的接口，否则JSONP接口会被处理成开启了CROS的接口
3.实现JSONP接口的步骤4.实现JSONP接口的具体代码
app.get('/api/jsonp',(req,res)=>{//获取客户端发送过来的回调函数的名字constfuncName=req.query.callback//得到要通过JSONP形式发送给客户端的数据const data=http://www.kingceram.com/post/{name:'zs',age:22}//根据前面两步得到的数据，拼接一个函数调用的字符串const scriptStr=`${funcName}(${JSON.stringify(data)})`//把上一步得到的拼接字符串，响应给客户端的标签进行解析res.send(scriptStr)})
5.在网页在使用jq发起jsonp请求