json-server配置模拟数据

json-server介绍

json-server可以直接把一个json文件托管成一个具备全RESTful风格的API,并支持跨域、jsonp、路由订制、数据快照保存等功能的 web 服务器。

全局下载json-server

npm install -g json-server

创建mock文件

创建mock.js文件,文件内部写上json风格内容,

{
　　"data": [
　　　　{
　　　　　　"username": "aaa",
　　　　　　"age": "19",
　　　　　　"id": 1
　　　　}
　　]
}

 

可以直接在终端中输入 json-server --watch --port 3001 mock.json启动json-server

也可以在package.json中配置,在项目中执行npm run mock

"script":{
    "mock":"json-server ./路径/mock.js -H ip地址 -p 端口号“
}

前端访问

前端正常使用ajax,axios等之类的方法请求就可以了

$.ajax({
　　type:"post",
　　url:"http://ip:端口号/data",
　　data:{
　　　　username:"吴彦祖",
　　　　age:20
　　},
　　success:function(data){
　　　　console.log(data);
　　}
})