Mock在生产环境使用

版权声明：非经本人同意，请勿转载。 https://blog.csdn.net/QQ_Empire/article/details/82593270

安装命令： 

npm install -g bower
bower install --save mockjs

---

2、在项目中，引入moke

import Moke from "mokejs"

var data=Mock.mock({
		"user|5-10":[
			{
				"name":'@cname',
				"ids|+1":0,
				"text":"@cparagraph",
				"time":"@datetime()",
				"img":'@image',
				"email":'@email',
				"address":"@county(true)",
				"zip":"@zip",
				"sfz":"@id()",
				"xz":"@xingzuo"
			}
		]
	})

export default data

3、在其他页面调用,比如about页面,用状态管理器存储数据，可供其他页面使用

import $ from "jquery"
import Moke from "mokejs"
import data from "../data"

Mock.mock('http://www.baidu.com','post',function(req){
		var cs=eval(req.body)
		
		if(cs==1){
			return data
		}else{
			return data1
		}
		
	})

class Logo extends React.Component{
	constructor(props){
		super(props)
	}	

tap(){
    $.ajax({
          type:"get",
          url:"http://www.baidu.com",//此链接是随便写的，如果有数据也不会执行，执行的是mock生成的数据
          async:true,
          success:function(data){
              console.log(data)
          }
      })
 }



	render(){
		return(
			<div>
			  <button onClick={this.tap.bind(this)}></button>
			</div>
		)
	}	
}



export default Logo;