记录一下第一次实现前后端联调：uniapp请求、node.js

1.前端使用uniapp发起http请求，显示后端返回的一些信息

<template>
	<view>
		<button type="default" @click="request()">发起请求</button>
		<view class="arrow-area">
			{{msg}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msg:'显示信息',
				"nickName": "zs",
				"age":20
			}
		},
		methods: {
			request(){
				var that = this
				uni.request({
					method:'POST',
					header: {
						// json数据的发送
						"content-type": "application/json",
						// 键值对形式数据发送
						// "content-type": "application/x-www-form-urlencoded",
						"source": "fromApp"
					},
					// dataType:JSON,
					url:'http://127.0.0.1/book',
					data:{
															
						"message" :that.msg ,						
						"nickName": "zs",
						"age":20,
						
						
						 
					},
					success:(res)=> {
						console.log('success')
						console.log(res)
						that.msg = res.data
					}
				})
			}

		}
	}
</script>

<style>

</style>

2.后端采用node.js

const express = require('express')
const res = require('express/lib/response')
const app = express()


app.use(express.json()) 
app.use(express.urlencoded({extends:false}))

app.post('/user',(req,res)=>{
    res.send('ok')
    console.log(req.body)
})
app.post('/book',(req,res)=>{
    res.send('ok')
    console.log(req.body)
})


app.listen(80,()=>{
    console.log('express server running at heep://127.0.0.1');
})

后端显示：

  

 前端显示：

 

 

 

主要注意：要使用http的IP：http://127.0.0.1/book

node项目新建完后，第一件事就要执行：npm init -y

git上拉取新的项目时，需要npm i