reactjs - 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)
})
解决方案
推荐阅读
- google-apps-script - 如何使用 FilterView 获得正确的行?
- react-native - 使用来自 @react-navigation/native 的 StackScreen 选项
- c# - 迁移后 Blazor WebAssembly 版本 5 构建错误
- javascript - 用玩笑模拟节点配置
- java - 使用 tflite 模型的 YoloV3 对象检测随机返回大约 160 个边界框,所有边界框都从标签文本中标记为第一类
- python - 如何使用 Flask 返回 .find() 作为响应?
- node.js - 使用节点 js 进行条带订阅
- r - R plm 包中关于长度相同但内容不同的索引的警告消息
- python - 以 t 开头但以非 e 结尾的单词
- mysql - 如何在 Woocommerce 中删除具有相同产品 ID 的重复产品?