鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ Express 路由中調(diào)用修改文件的方法導(dǎo)致頁(yè)面靜態(tài)資源不能加載的問(wèn)題

Express 路由中調(diào)用修改文件的方法導(dǎo)致頁(yè)面靜態(tài)資源不能加載的問(wèn)題

環(huán)境

  • node v6.11.2
  • express 4.16.2

代碼

下面的代碼是在應(yīng)用第一次訪問(wèn)的時(shí)候初始化用的,操作僅僅是將config.json中的initialized字段改為true,然后重定向到登錄頁(yè)面

router.get('/initialization' ,(req, res) => {
  res.render('public/initialization', {
    title: '初始化'
  })
})
router.post('/initialization', (req, res, next) => {
  readConfig().then(data => {
    data.initialized = true
    return saveConfig(data)
  }).then(() => {
    res.redirect('sign-in')
  }).catch(err => {
    next(err)
  })
})

其中readConfig和saveConfig是對(duì)config.json操作的方法,代碼如下

let readConfig = function (){
  return new Promise((resolve, reject) => {
    fs.readFile(`${__dirname}/../../config/config.json`, { encoding: 'utf-8' }, (err, data) => {
      if (err) {
        reject (err)
      } else {
        resolve (JSON.parse(data))
      }
    })
  })
}
let saveConfig = function (data){
  return new Promise((resolve, reject) => {
    fs.writeFile(`${__dirname}/../../config/config.json`,JSON.stringify(data, null, 2), { encoding: 'utf-8' }, (err) => {
      if (err) {
        reject (err)
      } else {
        resolve ()
      }
    })
  })
}

問(wèn)題內(nèi)容

使用port方法請(qǐng)求/initialization跳轉(zhuǎn)到/sign-in之后,登錄頁(yè)面不能加載靜態(tài)資源文件,如jquery.js

clipboard.png

clipboard.png

但是手動(dòng)刷新頁(yè)面之后就正常了

我的發(fā)現(xiàn)

修改路由的代碼,將saveConfig(data)方法注釋掉就正常工作。

router.post('/initialization', (req, res, next) => {
  readConfig().then(data => {
    data.initialized = true
    // return saveConfig(data)
  }).then(() => {
    res.redirect('sign-in')
  }).catch(err => {
    next(err)
  })
})

我試過(guò)直接調(diào)用fs.writeFileSync修改config.json仍然不管用


有遇見(jiàn)過(guò)類似問(wèn)題的朋友么,非常感謝給予幫助!

回答
編輯回答
喵小咪

我也不知道為什么,它自己又好了,可能是其他原因

2017年8月19日 10:13