初识express

  • 首先创建项目文件夹
mkdir myapp && cd myapp
npm init创建package.json文件,可以一路enter,但是entry point入口文件可以自己指定,默认index.js
  • 安装express
npm install express --save 如果只是临时安装express,不想将它添加到依赖列表里,可执行如下命令:npm install express --no-save
  • express启动服务器

在服务器文件夹中进入终端:node  index.js   //index.js是要启动的文件名,例子使用的server1.js,为node  server1.js

  • server1.js
项目结构:
node_modules
package.json
server1.js
server2.js
yarn.lock


server1.js:
const express = require('express')
const app = express()

app.use((request,response,next)=>{
    console.log('有人请求服务器了 !');
    console.log('请求来自于',request.get('Host'));
    next()
})

app.get('/student',(request,response)=>{
    const students=[
          {id:'001',name:'han',age:18},
          {id:'002',name:'meng',age:19},
          {id:'003',name:'xiao',age:20}
     ]
    response.send(students)
})

app.get('/search/users',function(req,res){
    const {q} = req.query //查询关键字
    axios({
          url:'https://api.github.com/search/users',
          params:{q}
     }).then(response=>{
          res.json(response.data)
     })
})

//如果前端设置代理,需要监听前端页面端口号
//app.listen(5000,(err)=>{
app.listen(3000,(err)=>{
    if(!err) conosle.log('服务1启动成功,请求学生信息地址为http://localhost:5000/stdent')
})

调用:
axios.get('http://localhost:3000/student').then(
response=>{
console.log('接口返回为:',response.data);
},
error=>{
console.log('error:',error);
}
)

设置代理:
在package.json文件中新增一行:
"proxy":"http://localhost:5000" //所有发给3000的请求代理会转发请求到服务端
posted @ 2022-06-23 17:27  韩Jeor  阅读(47)  评论(0编辑  收藏  举报