1.準備安裝
- 需要安裝nodejs
- 全局安裝express,express-generator
npm install express --save -g
npm install express-generator --save -g
2.創建一個項目
- 新建一個文件夾jsonProject
- 進入後在空白處按shift+右鍵 ->【在此處打開powershell窗口】
- 新建項目(依次輸入以下命令)
mkdir express
cd .\express\
express api
這個時候創建express api可能會出現錯誤:
express : 無法加載文件 C:\Users\ASUS\AppData\Roaming\npm\express.ps1,因爲在此係統上禁止運行腳本
你們可以根據鏈接去解決問題https://blog.csdn.net/qq_41548835/article/details/105448718
現在在express文件夾下就出現了api項目
- 安裝依賴
cd .\api\
npm install
- 啓動服務
npm start
此時訪問http://localhost:3000/
即可看到Welcome to Express的歡迎界面。
3.搭建測試接口
在public文件夾下創建一個json文件夾,新建myjson.json,放入測試json代碼
{
"code": 0,
"data": {
"series": {
"data": [
{
"value": 300,
"name": "直接訪問"
},
{
"value": 310,
"name": "郵件營銷"
},
{
"value": 234,
"name": "聯盟廣告"
},
{
"value": 148,
"name": "搜索引擎"
},
{
"value": 135,
"name": "視頻廣告"
}
]
}
}
}
訪問http://localhost:3000/json/myjson.json就可以獲取到json數據了。
4.跨域問題
在api項目下找到app.js,在var app = express()後面加入如下代碼
//設置跨域訪問
app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
res.header("X-Powered-By",' 3.2.1');
res.header("Content-Type", "application/json;charset=utf-8");
next();
});