首页 > 解决方案 > Next.JS 热重载 SSR

问题描述

我正在 Next.JS 上进行开发,每次修改代码后热重载时,似乎都有某种缓存导致客户端代码和服务器端代码不同。

目前,我每次保存代码时都需要打开一个新窗口,以便查看更新。

我能做些什么让它自动重新加载到可用的最新代码吗?

我尝试使用头盔/nocache 没有结果。

const express = require('express')
const next = require('next')
//const routes = require('./routes')

const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()
const nocache = require('nocache') //added no cache 

app.prepare()
.then(() => {
  const server = express()
server.use(nocache()) //using no cache

server.get('/listing/:id', (req, res) => {
  const actualPage = '/listing'
  const queryParams = { id: req.params.id }
  return app.render(req, res, actualPage, queryParams)

})


  server.get('*', (req, res) => {
    return handle(req, res)
  })

  server.listen(3000, '127.0.0.2', (err) => {
    if (err) throw err
    console.log('> Ready on http://localhost:3000')
  })
})
.catch((ex) => {
  console.error(ex.stack)
  process.exit(1)
})

标签: reactjsexpressnext.js

解决方案


推荐阅读