vue+lowdb+express

搭建流程： 1.安裝Node.js；

2.安裝npm;

3.安裝Express;

搭建流程

npm install -g express

安裝 express 生成器

npm install -g express-generator

查看是否安裝成功，隨便輸的一個命令

express --help

建立項目文件夾

express -e ejs  server

1、將express 的ejs改爲html模版引擎

在server文件夾下的app.js裏面修改

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');
app.engine('.html',require('ejs').__express);

而後將views裏面的.ejs文件改變成 .html文件

二。運行時報錯：node 報錯Can't set headers after they are sent.

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">

上面的都是依據我本身的項目所寫的