mock部署

最新推荐文章于 2024-08-25 07:42:52 发布

js浊酒恋红尘

最新推荐文章于 2024-08-25 07:42:52 发布

阅读量398

点赞数

文章标签： javascript json 前端

本文链接：https://blog.csdn.net/jslcc/article/details/126613572

版权

本文介绍了如何部署MockJS和Express服务来模拟JSON数据，供前端开发使用。步骤包括下载所需库，配置JSON文件，编写Express服务器，调整package.json和vue.config.json，以及解决可能出现的404错误。调试方法包括检查Node服务，验证接口响应，确认代理配置，重启服务等。

摘要由CSDN通过智能技术生成

第一步：下载mockjs和express和nodemon

npm install mockjs express nodemon

mockjs是mock的数据包
express是启动node的服务包
nodemon是监听node服务修改的包

第二步：配置json数据

1 新建common文件夹, 2 在common文件下新建login.json 3.新建loginRead.json

//登录返回信息
{
 "token":"12wsdff3333333"
}

{
 "id": 1,
 "ip": "123.456.77",
 "name": "admin",
 "device": "PC",
 "logintime": "2012-22-33",
 "place": "北京",
}

第三步: 编写express服务,在根目录下新增mock文件夹,新建,server.js文件

let express = require('express') //引入express
let Mock = require('mockjs') //引入mock
const loginData = require('./common/login.json')
const loginsearch = require('./common/loginsearch.json')
const app = express() //实例化express

/**登录接口 */
app.use('/user/login', function (req, res) {
 console.log(req, 'req&