express 作为中间层的服务端渲染

模块项目地址

模板链接

集成vue前端模块

链接

pc和mob返回不同的页面

1. 定义一个公用方法

// 导出一个用于处理 判断用户是 mobile 或者 pc 的
function getMachine(req) {
    var deviceAgent = req.headers["user-agent"].toLowerCase();
    var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/);
    if (agentID) {      // 如果是pc agentID==null
        return "mobile";
    } else {
        return "pc";
    }
}

2. 使用示例

const { getMachine } = require("../../../tool/tool")

module.exports = async (req, res) => {
    if (getMachine(req) == "pc") {
        res.render("pc/baike")
        
    }else{
        //    默认登陆 后保存用户信息 到全局
           res.app.locals.userdata={
            name:"张三",
            age:18,
            sex:"男"
        }
        res.render("mob/index",{
            title:"baike_mob"
        })
    }
}

模板的具体拆分

查看模板代码

请求的转发和代理

同前端