10.使用express模拟数据服务器

注:安装nodejs,百度很简单

在目录下创建一个任意的js文件,比如express.js

web_antd是我的测试项目,这里需要使用node安装一下express和cors,使用cmd或者终端到express.js所在目录下(理论上你可以将express放在任何地方)

npm i express
npm i cors

下面上一下express.js里面的东西,很简单没超过20行

复制代码
var express = require('express');
var app = express();
var cors=require('cors');
var ds = require('./ds/data.json')

app.use(cors());

app.get('/api/homead', function (req,res) {
    res.send(ds);
    res.end();
});
app.get('/api/test', function (req,res) {
    res.send('ds');
    res.end();
});
// 开始服务并生成路由
app.listen(9999,function afterListen(){
  console.log('express running on the http://localhost:9999')
});
复制代码

不知道你注意到没有

var ds = require('./ds/data.json')

没错我是使用json来模拟数据库

添加好json文件,然后来测试一下能不能够完成效果

先到express.js的目录

然后执行

node express.js

然后打开浏览器,有数据了,是不是很神奇,这样在web开发的时候,就可以直接模拟数据了

然后你就可以使用fetch或者ajax请求你在express.js中写的接口

测试项目效果呈上

 

posted @   famCc  阅读(368)  评论(0编辑  收藏  举报
编辑推荐:
· Brainfly: 用 C# 类型系统构建 Brainfuck 编译器
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
阅读排行:
· DeepSeek 全面指南,95% 的人都不知道的9个技巧(建议收藏)
· 对比使用DeepSeek与文新一言,了解DeepSeek的关键技术论文
· Brainfly: 用 C# 类型系统构建 Brainfuck 编译器
· DeepSeekV3+Roo Code,智能编码好助手
· AI编程:如何编写提示词
点击右上角即可分享
微信分享提示