1.http創(chuàng)建服務(wù)器
import http from 'http';
const server = http.createServer();
server.listen(8080);
//請求處理
server.on('request', (req, res)=>{
res.write("hello httpServer");
})
2.利用express模塊創(chuàng)建服務(wù)器
-
服務(wù)器創(chuàng)建(server.js)
import express from 'express'; const server = express(); server.get("/", (req, res)=>{ res.send("hello express"); }); server.listen(8080, callback);
-
文件返回
import fs from 'fs'; server.get('./about.html', (req, res)=>{ fs.readFile("./about.html", (err, data)=>{ res.send(data.toString()); }); });
-
路徑(react中API文件夾下index.js)
import express from ‘express’苹支; const router = express.Router(); router.get("/", (req, res)={ res.send(data) })
server.js 中
import apiRouter from './api';
//相當(dāng)于文件請求蔫磨,在地址中,端口號后面的具體請求冕房,apiRouter中返回煞赢。
server.use('/api', apiRouter);
-
ejs模板在express中的創(chuàng)建(server.js)
server.set('view engine', 'ejs')
ejs模板的渲染(server.js)
// render函數(shù)的第二個參數(shù)可以傳遞參數(shù)
server.get('/', (req, res)=>{{
res.render('index', {
content: " hello express +ejs"
});
})
ejs中引用content參數(shù)<%- content %>,<%- %>識別參數(shù)中的HTML標(biāo)簽
ejs模板引用<%-include (‘header’)-%>