STEP1==:配置或下載json-server
本地安裝
首先你本地要裝有nodejs核蘸。之后直接安裝json-server: sudo npm install -g json-server
git地址:https://github.com/typicode/json-server
STEP2==:安裝node依賴
運(yùn)行npm i,安裝package.json下的依賴
STEP3==:在json-server目錄中db.json文件中造數(shù)據(jù)
在db.json文件下創(chuàng)建自己需要的數(shù)據(jù),如:
{
"reData":{
"returnCode": "0000",
"returnMsg": "operate successfully",
"returnData": {
"name": "jack"
}
}
}
注:為了保證統(tǒng)一,造數(shù)據(jù)結(jié)構(gòu)及字段要和后臺(tái)一致。
STEP4==:在routes.json中配置路由
{
"/linkTest":"/reData"
}
STEP5==:設(shè)置代理轉(zhuǎn)發(fā)
先在項(xiàng)目config/index.js文件中,配置代理轉(zhuǎn)發(fā)撵幽;
var path = require('path')
module.exports = {
stg: {
env: require('./dev.env'),
port: 8087,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/linkTest': {
target: 'http://localhost:3000/', //這是json-server默認(rèn)起的服務(wù)
changeOrigin: true,
pathRewrite: {
'^/linkTest': '/linkTest'
}
}
}
}
}
STEP6==:設(shè)置請(qǐng)求地址
$.ajax({
//url: App.Api.prefix + '/member/getMemberView', // 正常請(qǐng)求
url: 'https://www.baidu.com/linkTest', // 可以
//url: 'http://localhost:8087/linkTest', // 也可以
type: 'get',
注:1.請(qǐng)求地址中一定要有配置路由中設(shè)置的 '/linkTest',這個(gè)名稱不要與正常請(qǐng)求相同,而前面的域名部分可以隨意礁击,如https://www.baidu.com/盐杂,只是后面有且只有一個(gè)分類目錄“/linkTest”,請(qǐng)求為http或https;
2.請(qǐng)求類型必須為"get"客税,但請(qǐng)求正常接口况褪,要將type修改哦
STEP7==:?jiǎn)?dòng)項(xiàng)目服務(wù)
啟動(dòng)后,終端中會(huì)提示:
[HPM] Proxy created: /linkTest -> http://localhost:3000/
[HPM] Proxy rewrite rule created: "^/linkTest" ~> "/linkTest"
...
STEP8==:?jiǎn)?dòng)json-server服務(wù)
Resources
http://localhost:3000/reData
...
注意事項(xiàng)==:
1.要開啟兩個(gè)服務(wù)更耻,即你項(xiàng)目的服務(wù)(http://localhost:8087/)和json-server的服務(wù)(http://localhost:3000/)
2.若是請(qǐng)求類型為“post”测垛,請(qǐng)求后,db.json中的數(shù)據(jù)會(huì)變成如下:
"reData": {
"ticket": "S8f89496e5cad46c19f9639586323c296001441",
"memberId": "1021885925"
},
json-server--mock數(shù)據(jù)制造
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門巨双,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)噪猾,“玉大人,你說(shuō)我怎么就攤上這事筑累「だ” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵慢宗,是天一觀的道長(zhǎng)坪蚁。 經(jīng)常有香客問我,道長(zhǎng)镜沽,這世上最難降的妖魔是什么敏晤? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮缅茉,結(jié)果婚禮上茵典,老公的妹妹穿的比我還像新娘。我一直安慰自己宾舅,他們只是感情好统阿,可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著筹我,像睡著了一般扶平。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蔬蕊,一...
- 那天结澄,我揣著相機(jī)與錄音,去河邊找鬼岸夯。 笑死麻献,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的猜扮。 我是一名探鬼主播勉吻,決...
- 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼旅赢!你這毒婦竟也來(lái)了齿桃?” 一聲冷哼從身側(cè)響起,我...
- 序言:老撾萬(wàn)榮一對(duì)情侶失蹤煮盼,失蹤者是張志新(化名)和其女友劉穎短纵,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體僵控,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡香到,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了报破。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片悠就。...
- 正文 年R本政府宣布藐唠,位于F島的核電站,受9級(jí)特大地震影響鹉究,放射性物質(zhì)發(fā)生泄漏宇立。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一自赔、第九天 我趴在偏房一處隱蔽的房頂上張望妈嘹。 院中可真熱鬧,春花似錦绍妨、人聲如沸润脸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)毙驯。三九已至倒堕,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間爆价,已是汗流浹背垦巴。 一陣腳步聲響...
- 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像序愚,于是被迫代替她去往敵國(guó)和親憔披。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理展运,服務(wù)發(fā)現(xiàn)活逆,斷路器,智...
- Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
- 22年12月更新:個(gè)人網(wǎng)站關(guān)停拗胜,如果仍舊對(duì)舊教程有興趣參考 Github 的markdown內(nèi)容[https://...
- github地址,歡迎大家提交更新勘畔。 express() express()用來(lái)創(chuàng)建一個(gè)Express的程序所灸。ex...
- 大學(xué)里第一次參加關(guān)于詩(shī)詞的比賽,也許這是一個(gè)開端炫七,以后還有很多機(jī)會(huì)爬立,但也有可能是唯一一次,我想通過一種方式讓它永遠(yuǎn)...