首页 > 编程语言 >前端修改代理、通过node mock后端接口

前端修改代理、通过node mock后端接口

时间:2024-11-25 14:28:52浏览次数:12  
标签:node const 后端 res app express cors mock

在前端开发中,有时候会需要mock接口,虽然有的工具提供了云端mock的功能,但是定制化比较低,所以我用node写了一个mock小工具,主要使用了express、mockjs、cors,

"cors": "^2.8.5",
"express": "^4.19.2",
"mockjs": "^1.1.0"

使用两个文件即可完成这个小功能

在这里插入图片描述
首先搭建一个简单的后端服务,这里使用express
server.js :

const express = require('express');
const Mock = require('mockjs');
const app = express();
const port = 3000;
const generateMockTemplate = require('./generateJson.js')
var cors = require('cors')
app.use(cors())

app.post('/mty/mtyOll', (req, res) => {
   
  const userData = Mock.mock(JSON.parse(generateMockTemplate(
    // json放这里----------------------------------------------------------

    {
   
      "msg": "",
      "code": "",
      "data": [
        {
   
          "id": "",
          "userId": "",
          "intCls": 0,
          "intClsName": "",
          "applicant": "",
          "applicantType": 0,
          "applicantAddress": "",
          "brandApplicantNum": 0,
          "brandRegNum": 0,
        }
      ]
    }

    // json放这上边----------------------------------------------------------
  )));
  res.json(userData);
});

// 或者,如果你想要根据请求参数动态生成数据
app.get('/api/example', (req, res) => {
   
  const userId = parseInt(req.params.id, 10);
  // 假设我们只返回一个用户,根据ID随机匹配或生成
  const user = Mock.mock({
   
    'id': userId,
    'name': '@cname',
    'age|18-60': 1,
    'city': '@city(true)',
    'email': '@EMAIL'
  });
  res.json(user);
}

标签:node,const,后端,res,app,express,cors,mock
From: https://blog.csdn.net/weixin_43188912/article/details/144026605

相关文章

  • 如果一个项目要你重构成前后端分离,你的方法论是什么?
    如果一个项目需要我重构成前后端分离,我的方法论如下:1.评估现有项目:技术栈:确定当前使用的后端语言、数据库、前端框架等。这有助于选择合适的技术进行前后端分离。代码结构:分析现有代码的组织方式,识别耦合程度较高的部分,以及可以复用的组件或模块。业务逻辑:理解项目的......
  • 对于前后端分离,你是怎么理解的?
    前后端分离是指将传统的Web应用前后端代码耦合的开发模式拆分成前后端独立开发、独立部署的模式。它本质上是一种架构模式,而非具体的技术。我理解的前后端分离的核心在于:职责分离:前端负责用户界面和用户体验,后端负责业务逻辑和数据处理。两者通过API进行交互,前端不再依......
  • node + Redis + svg-captcha 实现验证码
    目录前提说明Redis链接与封装svg-captcha使用步骤封装中间件验证前端接收扩展【svgAPI】svgCaptcha.create(options)svgCaptcha.createMathExpr(options)svgCaptcha.loadFont(url)svgCaptcha.optionssvgCaptcha.randomText([size|options])svgCaptcha(text,opti......
  • node.js毕设球类运动赛事组织平台 程序+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于球类运动赛事组织的研究,现有研究主要以赛事的商业运营、运动员表现等为主,专门针对球类运动赛事组织平台构建的研究较少。在国内外,赛事组织大多依赖......
  • node.js毕设基于微信小程序的运动会信息管理系统程序+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于运动会信息管理系统的研究,现有研究主要以传统的桌面应用程序或网页应用为主1。专门针对微信小程序这种轻量级、便捷性高且用户基础广泛的平台进行运......
  • 【web】Gin+Go-Micro +Vue+Nodejs+jQuery+ElmentUI 用户模块之vue登录开发以及接口联
    在现代Web应用中,实现用户登录模块是一个关键功能。本文将分为初级、中级、高级阶段,详细说明如何使用Vue、ElementUI进行登录开发,并与Gin、Go-Micro、Node.js进行接口联调。初级用法介绍在初级阶段,主要关注于使用Vue和ElementUI创建一个简单的登录界面,并通过Node.js后端进......
  • node.js毕设智能家居管理系统(程序+论文)
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于智能家居管理系统的研究,现有研究主要以智能家居的设备开发和单个子系统的构建为主,专门针对智能家居管理系统整体架构和功能整合的研究较少。在国内......
  • node.js毕设平安超市商品管理系统 程序+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容选题背景关于超市商品管理系统的研究,现有研究多以大型商业连锁超市或特定类型超市的管理系统为主,专门针对平安超市这样的特定超市商品管理系统的研究较少。在国内外......
  • node.js毕设智慧校园服务系统服务端(程序+论文)
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于智慧校园服务系统的研究,现有研究主要以智慧校园的整体架构和部分功能模块为主,专门针对包含如此全面功能(如学生、教职工、班级信息到宿舍分配、活动......
  • node.js毕设商品管理后台系统 程序+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于商品管理后台系统的研究,现有研究主要以通用的管理系统开发为主,专门针对毕设商品管理后台系统的研究较少。在国内外,企业级商品管理系统的研究成果丰......