🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
1.现在项目中新建一个文件夹,安装express ``` 1.npm安装express npm install -save-dev //save表示安装到当前目录,dev是依赖写到packge.json中 2.在文件夹中建一个js文件,用来写中间件 //引入执行express var express = require('express'); var app = express(); // cors:解决跨域 const cors = require('cors'); app.use(cors()) //注册,当访问/xxx时,会返回相应数据 app.get('/xxx',function(req,res){ res.send('测试数据'); }); //tabs页签的数据接口 app.get('/tablist',function(req,res){ var tabList = [ "推荐", "居家生活", "服饰鞋包", "美食酒水", "个护清洁", "全球特色", ]; res.send(tabList) }) //监听:5632是端口号 app.listen(5632,function(){ console.log('5632,中间件已经运行'); }) 3.启动中间件 在js中打开终端,node + js文件名启动 4.在页面中使用axios获取数据 created() { this.$http.get('http://localhost:5632/xxx').then(res=>{ console.log(res.data) }); //获取tabs页签,赋值 this.$http.get('http://localhost:5632/tablist').then(res=>{ console.log(res) this.tabList = res.data; }); }, ``` `启动:` ![](https://img.kancloud.cn/d1/3b/d13b96ac3cf1477eb5fece348144c804_919x540.png) ***** 端口测试: ![](https://img.kancloud.cn/45/8b/458b54b8451c16dc5a7829e6c1a143da_470x209.png) ***** 页面使用: ![](https://img.kancloud.cn/dd/fa/ddfa8a30cc6f03ab7798dd96d79bd832_1577x452.png)