为什么前端要做后端的工作,当然是.....理不直气也壮.....
利用express写四种接口
(1)get接口(无参数json/有参数send)
//引入
const express=require('express')
//调用
const app=express()
//路由
app.get('/getbooks',(req,res)=>{
console.log(req.query)
res.json([20,30,40])//json和send的效果大概相同
})
//启动
app.listen('3002',()=>{
console.log('服务器端口在3002')
})
(2)post接口(键值对 x-www-form-urlencoded)
//引入
const express=require('express')
//调用
const app=express()
//数据的类型 键值对,传的数据的类型为x-www-form-urlencoded 即a=1$b=2
app.use(express.urlencoded())
//静态资源托管 public底下的文件,通过静态资源托管返回这些内容给客户端浏览器
app.use(express.static('public'))
//路由
app.post('/testpost',(req,res)=>{
console.log('请求的参数是',req.body)
res.send({name:'一萌~'})
})
//启动
app.listen('3009',()=>{
console.log('服务器端口在3009')
}
)
(3)post接口(json类型)
//引入
const express=require('express')
//调用
const app=express()
//传的数据类型是json类型
app.use(express.json())
//托管静态资源
app.use(express.static('public'))
//路由
app.post('/jsonpost',(req,res)=>{
console.log('请求的参数是',req.body)
res.send({age:18})
})
app.listen('3008',()=>{
console.log('端口号为3008')
})
(4)post接口的文件上传(form-data)
//1.引入
const express=require('express')
//2.调用
const app =express()
//3.托管静态资源
app.use(express.static('public'))
// 4.(1)引入包 需要使用multer这个包的功能来完成 (1)(2)固定写法
const multer = require('multer');
//4.(2) 配置
const upload = multer({dest:'uploads/'}) // 上传的文件会保存在这个目录下
// uploads表示一个目录名，你也可以设置成其它的
//5.路由 需要设置中间件 upload.single('img') img即为后端定的名称,后面传参数的时候名字要一致
app.post('/filepost',upload.single('img'),(req,res)=>{
console.log('请求的参数是',req.body)
res.send({message:"ok"})
})
//启动
app.listen('3006',()=>{
console.log('服务器端口是3006')
})
