前端在开发的时候没有接口真的很难受,所以使用nodejs+express搭建一个后端临时进行本地测试,接口自己写。

node环境需要有的,能开始项目了说明这个基本都安装过了,就直接跳过搭建步骤,从安装express开始。

一,安装express

1,打开你的项目终端 ,全局安装express,只用安装一次就可以了之后都能用

npm install express-generator -g

2,进入项目目录,执行一个命令

express --view=ejs server

在项目目录里会创建一个server的文件夹

 3,根据终端提示,cd server打开server文件夹,然后执行npm install将依赖下载下来

 4,启动后端npm start

 5,如何判断这个后端启动成功了,后端默认端口是3000,打开http://localhost:3000/出现以下页面就是成功

二,如何写接口

 1,打开项目里的server文件夹 =>routes =>index.js文件就可以自己写接口了

2,在index.js里写一个接口

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});


//接口地址是/api/data/index,请求返回一个对象a:1
router.get('/api/data/index',function(req, res, next) {
  res.send({
	  a:1
  });
})

module.exports = router;

 3,检查接口数据,重启服务器,打开地址http://localhost:3000/api/data/index地址的/api/data/index就是自己设置的接口地址

注意:保存数据后一定要重启服务器,每次修改了server里的文件都重新启动一下服务器,否则会查询失败

 三,请求接口数据

如果是本地测试需要注意两点:

1:手机和电脑需要连上同一个WiFi

2:请求的地址不能用localhost,需要换成IP地址,查询IP的方法

        mac:ifconfig

        window:ipconfig

 会有一个IPv4地址,比如192.168.1.16,用它换掉localhost即可

<script>
    export default {
        onLoad() {
			uni.request({
				url:"http://192.168.1.8:3000/api/data/index",
				success: (res) => {
					console.log('@@@@',res)
				}
			})
		},
    }

</script>
Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐