版权声明:非经本人同意,请勿转载。 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;