在vue或者react中使用express框架
阿新 • • 發佈:2019-01-03
在react 或者 vue專案中使用express框架
1.建立vue或者 react 專案
2.在專案中建立server資料夾,建立server.js
//require()方法引入express模組 const express = require("express"); //express()方法,新建app const app = express(); //get(url,function(req,res){})方法,設定請求返回引數和訪問路徑 app.get('/',function(req,res){ //res.send(); 往頁面上顯示內容 res.send("<h3>test</h3>"); }); app.get('/data',function(req,res){ //往頁面上顯示json資料 res.json({ name:"zs", age:12 }); }); //app.listen()方法,設定監聽埠 app.listen(9093,function(){ console.log("listening port 9093..."); })
3.執行node server.js
訪問localhost:9093 可以看到內容 test
訪問localhost:9093/data 可以看到json資料
4.更改了server.js, 需要重新執行。
如果不想每次更改後,都重新執行,那麼就需要安裝nodemon
安裝nodemon ,以管理員身份執行cmd,npm i nodemon -g
安裝後,執行nodemon server.js