通过express框架为前端提供api(数据),妈妈再也不用担心后端不给我数据了~
2024-08-21 16:44:00
个人网站 https://iiter.cn 程序员导航站 开业啦,欢迎各位观众姥爷赏脸参观,如有意见或建议希望能够不吝赐教!
首先,确保自己安装了express框架。
没有安装的同学可以参照下面这篇博客
好了,切入正题。
1.在项目文件夹中创建datas文件夹,这里的datas命名可根据个人喜好随意添加口味,当然 ,你也可以命名为data~
2.在datas文件夹中存放自己模拟的数据(如何模拟数据?手把手教你用Node.js爬虫获取数据)
打开routes文件夹中的index.js文件
3.用require方法在头部导入json数据
4.设置全局跨域请求头
router.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
res.header("X-Powered-By",' 3.2.1')
res.header("Content-Type", "application/json;charset=utf-8");
next();
});
5.添加路由,返回json数据
router.get("/test",(req,res)=>{
res.json(test);
});
6.测试(地址:http://localhost:3000/test)
至此,前端喵们也可以自己模拟后端数据啦~
最新文章
- Android使用ViewPager实现左右循环滑动及轮播效果
- windows下编译及使用libevent
- PBOC~PPT-补充内容B(转)
- SSH整合!!!!不会的赶紧来
- OD使用教程8
- Java 创建过滤器 解析xml文件
- centos 下Supervisor 守护进程基本配置
- [推荐]PaaS技术知识贴
- UML 序列图一点理解
- C#本地时间和GMT(UTC)时间的转换
- 汇编程序hello world
- 使用ANR-WatchDog来检測ANR
- 基于 socket.io, 简单实现多平台类似你猜我画 socket 数据传输
- HashMap、HashTable、ArrayList、LinkedList、Vector区别
- mini-css-extract-plugin 的用法(webpack4)
- Spring Enable* 注解
- Tomcat报异常:Too many open files 的解决之路
- redis内存监控与回收
- 【LeetCode】107. Binary Tree Level Order Traversal II (2 solutions)
- gridview发布后,编辑改为edit 原因是未安装 dotNetFx40LP_Full_x86_x64zh-Hans中文语言包