node搭建mock服務（利用express）

新建資料夾mockserve, 新建server.js,  

2.將mock的資料（data.json）放入mockserver檔案中，

3. npm init -y, 安裝express包  npm  i express

4.在server.js中搭建服務, npm start 啟動服務

//

引入express
const express = require('
express')
//建立伺服器應用例項
//引入json資料
./data.json')
//註冊路由
/seller
', function(req, res))
})get('
/goods
', function(req, res))
})get('
/ratings
', function(req, res))
})//
3.執行伺服器應用,並監聽埠
//埠號可以任意選擇,但是不要小於1000
5000
",function(err)
else
})

import axios from

"axios";
axios.
get('
/seller
').then(v=> console.log(v))

module.exports =,

changeorigin: 
true
}    }
}};

第二種更簡便的方法，在webpack的配置檔案vue.config.js的devserver配置mock服務，因為vue專案執行的服務，以及mock的服務都在devserver中，同乙個服務，不存在跨域

提供在伺服器內部先於所有其他中介軟體執行自定義中介軟體的功能。

這可以用於定義自定義處理程式，例如：

webpack.config.js

module.exports = );

});}
}};

module.exports =,

//changeorigin: true

//}//}

get("

/api/seller

", function(req, res) );

});get("

/api/goods

", function(req, res) );

});get("

/api/ratings

", function(req, res) );

});}

}};此時在vue專案中的main.js測試下有沒有資料出現

import axios from "axios";

axios.get('/seller').then(v=> console.log(v))

搭建本地 mock 服務

工作中，有時候前端的很多任務作需要後端的支援，但是可能後端的介面還沒有開發完，或者有些時候在聯調階段，修復某個 bug 的時候，環境掛了。那麼這個時候，我們的很多任務作無法順利的進行下去。於是萌生了搭建本地伺服器的想法。首先粗略的說一下它的好處jsonserver gulp 實現 缺點 大部分需求都...

利用node 搭建api介面

node.js之api介面 先決條件安裝gongodb資料庫 一 隨便建乙個資料夾，裡面再建乙個資料夾，win r開啟cmd輸入指令mongod dbpath 剛剛建的資料夾樹狀目錄，例如 data db 建立乙個新資料庫，mongod dbpath 剛剛建的資料夾樹狀目錄，如果該資料夾沒有資料庫則...

如何搭建node服務

1.首先要安裝好node,js 3.安裝好了，我們開啟cmd，輸入命令列1 node v,這裡是查詢node版本，如果出現以下介面說明已經安裝成功了。4.輸入命令列2 npm install anywhere g 這裡是全域性變數，出現以下介面，說明已經成功安裝了。5.好了，我們把自己的靜態專案放在...