簡介

打造一個MOCK服務器! 支持JSON數據或者Mockjs方法。

技術棧

• react
• ant design Pro
• egg.js
• mysql

前后端分離開發模式，前端項目與后端項目屬于不同的工程,用戶名：admin 密碼： 123456

// mock/client 前端工程 // mock/service 后端工程 復制代碼

如果對您有幫助，您可以點右上角 "Star" 支持一下 謝謝！ ^_^

部分功能截圖

添加項目

項目目錄 指的是 接口的一級目錄（例如：http://localhost:7001/mock/getData/a 中的 /mock）

配置項目接口

接口連接 指的是一級目錄后的連接 （例如：http://localhost:7001/mock/getData/a 中的 /getData/a） 支持JSON數據類型，和mockjs數據類型，注意使用雙引號；

測試接口

因為在egg里監聽^/api路由做mock服務，所以最終的訪問的mock請求連接要加上/api前綴。（http://localhost:7001/api/mock/getData/a）;

運行項目

因前后端不同端口原因，為解決跨域。前端工程啟動了devServer，需先啟動后端工程

• git clone github.com/lenolee16/m…
• cd mock

運行后端項目

• 請確保本地已裝mysql，并配置全局變量
• mysql -u root -p 并輸入數據庫密碼
• create database mock; 創建mock數據庫
• use mock; 切換數據庫
• source mock.sql的絕對路徑; 例如：source {當前目錄}/db/mock.sql;
• 配置egg.js連接數據庫信息

// 前往service/config/config.local.js，配置你的數據庫信息 config.sequelize = {dialect: 'mysql',host: '127.0.0.1',port: 3306,database: 'mock',username: '', password: '', operatorsAliases: false }; 復制代碼

• 在/service文件下
• npm install
• npm run dev

運行前端項目

• cd client
• npm install
• npm start

如果對您有幫助，您可以點右上角 "Star" 支持一下 謝謝！ ^_^

轉載于:https://juejin.im/post/5c404a876fb9a049b780a64c

總結

以上是生活随笔為你收集整理的闲来无事，做了个简单的在线编辑的mock服务的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。