閒來無事，作了個簡單的在線編輯的mock服務

簡介

打造一個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" 支持一下 謝謝！ ^_^