nodejs-get和post接收前端传递过来的参数

(1):get 接收前端传递过来的参数

后端配置

var express = require("express")
var app = new express()
// 后端解决跨域问题
app.all("*",(req,res,next)=>{
  res.header("Access-Control-Allow-Origin","*");
  res.header("Access-Control-Allow-headers","X-Requested-with");
  res.header("Access-Control-Allow-Headers","Content-Type");
  res.header("Access-Control-Allow-Methods","PUT,POST, GET,DELETE,OPTIONS")
  next()
})
 app.get("/login",(req,res)=>{
  console.log("req",req.query); // req { username: 'admin', password: 'admin' }
  res.send("hello world!")
})

var port = 9527

app.listen(port,()=>{
  console.log(`服务器启动... 端口是 http://localhost:${port}`)
})

前端配置

 yarn add axios -D
 import axios from 'axios'
     loginHandler() {
      console.log("login")
      let { username,password } = this
      if(!username || !password ) return console.log("请输入用户信息")
      console.log("可以提交用户信息")
      let params = { username,password }
      console.log("params",params)
      // get请求
      axios.get("http://localhost:9527/login",{params}).then(res =>{
        console.log("res========",res)
      })
    }

展示如下

(2):post接收前端传递过来的参数

后端配置

var express = require("express")
var app = new express()
let jwt = require("jsonwebtoken")
var qs = require('query-string');
// 解析post参数 （注意这个bodyParser 已经被废弃，使用express自带的这种）
app.use(express.urlencoded({ extended: true }));
app.use(express.json());


// 后端解决跨域问题
app.all("*",(req,res,next)=>{
  res.header("Access-Control-Allow-Origin","*");
  res.header("Access-Control-Allow-headers","X-Requested-with");
  res.header("Access-Control-Allow-Headers","Content-Type");
  res.header("Access-Control-Allow-Methods","PUT,POST, GET,DELETE,OPTIONS")
  next()
})

// get接收前端传递过来的参数
// app.get("/login",(req,res)=>{
//   console.log("req",req.query); // req { username: 'admin', password: 'admin' }
//   res.send("hello world!")
// })

// post接收前端传递过来的参数
 app.post("/login",(req,res)=>{
   console.log("req",req.body)
   let { username, password } = req.body; // 接收前端传递过来的参数
   console.log(username,password)
   let msg = "helo"
   let token = jwt.sign(req.body,msg) // token加密
   let parseToken = jwt.verify(token,msg) // token解密
   console.log("parseToken",parseToken);
   let obj = {
     code: 2000,
     status: 'ok',
     userInfo: { username, password,token }
   }
   res.send(obj)
 })

var port = 9527

app.listen(port,()=>{
  console.log(`服务器启动... 端口是 http://localhost:${port}`)
})

前端配置

     loginHandler() {
      console.log("login")
      let { username,password } = this
      if(!username || !password ) return console.log("请输入用户信息")
      console.log("可以提交用户信息")
      let params = { username,password }
      console.log("params",params)
      // get请求
      // axios.get("http://localhost:9527/login",{params}).then(res =>{
      //   console.log("res========",res)
      // })
      // post请求
      axios.post("http://localhost:9527/login",params).then(res =>{
        console.log("res========",res)
      })
    }

展示如下