搭建流程: 1.安装Node.js;css
2.安装npm;html
3.安装Express;node
搭建流程express
npm install -g express
安装 express 生成器npm
npm install -g express-generator
查看是否安装成功,随便输的一个命令app
express --help
建立项目文件夹post
express -e ejs server
1、将express 的ejs改为html模版引擎ui
在server文件夹下的app.js里面修改
app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'html'); app.engine('.html',require('ejs').__express);
而后将views里面的.ejs文件改变成 .html文件.net
二。运行时报错:node 报错Can't set headers after they are sent.code
https://blog.csdn.net/u014182411/article/details/78315679
缘由:
router.post('/getPage', function (req, res, res) { console.log(req) if (err) { res.send(err) } let str = db.get('pages') if (str === '') { res.send({ code: '202', result: '没有数据,请添加' }) } else { res.send({ code: '200', result: str }) } })
这个error走了下面的又走了,就会出现问题,解决办法 监测到error 时 return 一下
router.post('/getPage', function (req, res, error) { if (error) { return res.send(error) } let str = db.get('pages') if (str === '') { res.send({ code: '202', result: '没有数据,请添加' }) } else { res.send({ code: '200', result: str }) } })
遇到问题: 一、我想引入iconfont图标 在views同级剪了一个文件夹,名字是iconfont 将下载的文件放在里面,在views下的html里引入报错:
*because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.*
解决办法: 下面是express解析静态资源的设置,因此咱们只有把静态资源放在public 文件夹目录下才能解析到
app.use(express.static(path.join(__dirname, 'public'))); html文件引入的方法 <link rel="stylesheet" type="text/css" href="./iconfont/iconfont.css">
上面的都是依据我本身的项目所写的