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数据制造
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 22年12月更新：个人网站关停，如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
- github地址，欢迎大家提交更新。 express() express()用来创建一个Express的程序。ex...
