vue+lowdb+express

搭建流程: 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">

上面的都是依据我本身的项目所写的

本站公众号
   欢迎关注本站公众号,获取更多信息