node package manager
Stop wasting time. Easily manage code sharing in your team. Create a free org »

web-mock-server

Mock-server is a Node.js web system for mock data,and switch between mock data and real data.

中文文档

Features

  • Supports jsonEditor

  • Supports method types: GET、POST、PUT、DELETE...

  • RESTful path format,e.g: /a/:user/:id

  • Allow to specify status code,default:200

  • Supports delay to return data

  • Supports Mockjs

  • Supports json for cross-domain calls

  • Supports switch between mock data and real data

  • Supports switch between Chinese and English

  • Support 'text/plain' type post

demo

This demo is for demonstration purposes only.The System will clear data regularly

Install dependencies

npm install

Initialize database

  1. Use MockServer automatic initialization feature (recommend)
  2. Manually import .sql file
mysql[5.7.14]+,
import mysql file [mockserver-xx-xx.sql]
mysql coifnig in [/src/common/config/db.js]

Config

/src/common/config/config.js

Start server

npm start
#Server running at http://127.0.0.1:8033/
 

Examples

Suppose:

cross-domain:

With the jQuery AJAX methods:

    $.getJSON('http://127.0.0.1:8033/api/demo').done(function(){
    
    
    }).fail(function(){
    
    })
 

Same domain and mock-server proxy URL different with nginx server_name:

Suppose:

nginx config:

        server {
            listen 80;
            server_name your.site.com;
            root your/project/path;
    
            gzip_static on;
    
            # proxy to mock server
            location ^~ /api {
                proxy_pass http://127.0.0.1:8033;
            }
           
    
            # Attempt to load static files, if not found route to @rootfiles
            location ~ (.+)\.(html|json|txt|js|css|jpg|jpeg|gif|png|svg|ico|eot|otf|woff|woff2|ttf)$ {
                add_header Access-Control-Allow-Origin *;
    
                try_files $uri @rootfiles;
            }
    
            # Check for app route "directories" in the request uri and strip "directories"
            # from request, loading paths relative to root.
            location @rootfiles {
                rewrite ^/(?:foo/bar/baz|foo/bar|foo|tacos)/(.*) /$1 redirect;
            }
        }
 

Same domain and mock-server proxy URL equals nginx server_name:

Suppose:

nginx config:

        server {
                   listen 80;
                   server_name  www.site.com;
                   root your/project/path;
                   gzip_static on;
                    
                   location ^~ /api {
                       set $is_proxy 0;
                       # $http_is_mock_server_proxy comes from mock-server when mock-server's proxy is opened
                       if ($http_is_mock_server_proxy){
                           # $http_is_mock_server_proxy is mock-server writed header
                           set $is_proxy $http_is_mock_server_proxy;
               
                       }
                       # $is_proxy
                       # nginx proxy to mock-server
                       if ($is_proxy = 0 ){
                           proxy_pass http://127.0.0.1:8033;
                           break;
                       }
               
                       #Avoid circular proxy
                       if ($is_proxy = 1 ){
                           add_header http_is_mock_server_proxy "$my_header";
                           proxy_pass http://127.0.0.1:8034;
                           break;
               
                       }
                   }
                   location  / {
                       proxy_pass http://127.0.0.1:8034;
                   }
               
               }

Ajax in your.site.com:

    $.getJSON('/api/demo').done(function(){
    
    
    }).fail(function(){
    
    })