美文网首页
json-server--mock数据制造

json-server--mock数据制造

作者: daf89232a846 | 来源:发表于2017-04-11 16:41 被阅读0次

STEP1==:配置或下载json-server
本地安装
首先你本地要装有nodejs。之后直接安装json-server: sudo npm install -g json-server
git地址:https://github.com/typicode/json-server
STEP2==:安装node依赖
运行npm i,安装package.json下的依赖
STEP3==:在json-server目录中db.json文件中造数据
在db.json文件下创建自己需要的数据,如:
{
"reData":{
"returnCode": "0000",
"returnMsg": "operate successfully",
"returnData": {
"name": "jack"
}
}
}
注:为了保证统一,造数据结构及字段要和后台一致。
STEP4==:在routes.json中配置路由
{
"/linkTest":"/reData"
}
STEP5==:设置代理转发
先在项目config/index.js文件中,配置代理转发;
var path = require('path')
module.exports = {
stg: {
env: require('./dev.env'),
port: 8087,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/linkTest': {
target: 'http://localhost:3000/', //这是json-server默认起的服务
changeOrigin: true,
pathRewrite: {
'^/linkTest': '/linkTest'
}
}
}
}
}
STEP6==:设置请求地址
$.ajax({
//url: App.Api.prefix + '/member/getMemberView', // 正常请求
url: 'https://www.baidu.com/linkTest', // 可以
//url: 'http://localhost:8087/linkTest', // 也可以
type: 'get',
注:1.请求地址中一定要有配置路由中设置的 '/linkTest',这个名称不要与正常请求相同,而前面的域名部分可以随意,如https://www.baidu.com/,只是后面有且只有一个分类目录“/linkTest”,请求为http或https;
2.请求类型必须为"get",但请求正常接口,要将type修改哦
STEP7==:启动项目服务
启动后,终端中会提示:
[HPM] Proxy created: /linkTest -> http://localhost:3000/
[HPM] Proxy rewrite rule created: "^/linkTest" ~> "/linkTest"
...
STEP8==:启动json-server服务
Resources
http://localhost:3000/reData
...
注意事项==:
1.要开启两个服务,即你项目的服务(http://localhost:8087/)和json-server的服务(http://localhost:3000/
2.若是请求类型为“post”,请求后,db.json中的数据会变成如下:
"reData": {
"ticket": "S8f89496e5cad46c19f9639586323c296001441",
"memberId": "1021885925"
},

相关文章

网友评论

      本文标题:json-server--mock数据制造

      本文链接:https://www.haomeiwen.com/subject/eyxeattx.html