What

Nuxtでアプリ開発をした際、キャッシュが残り、結果が反映されないことがありました。そのため、キャッシュを保存しない設定を加え、対処しました。

Solution

nuxt.config.jsに以下を追記します。

... ,
serverMiddleware: [
  '~/api/headers.js'
],
...

api/headers.jsに以下を追記します。

module.exports = function(req, res, next){
  res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate')
  next()

確認はできていませんが、以下をHeaderに追加するやり方でも良さそうです。

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">