Question

我正在运行两个容器的docker设置；适用于面向公众的网络的NextJS，以及用于管理员添加内容的Django后端。路由与getInitialProps很好地配合，后者可获取添加的内容。当内容引用静态映像时，它们通过docker卷（django容器上的./static/media和nextjs容器上的./public/media）进行连接。

但是，当新图像出现在./public/media中时，启动的NextJs服务器将为这些图像返回404响应。

//编辑过的解决方案：如@Pierfrancesco所建议

解决方法是创建一个动态提供这些文件的自定义服务器

// server.js
const express = require('express')
const next = require('next')

const port = parseInt(process.env.PORT, 10) || 3000
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

app.prepare().then(() => {
  const server = express()

  server.get('/media/images/*', (req, res) => {
    // Disallow travelling up in the file tree
    let target = req.originalUrl.replace("..", "")
    return res.sendFile(__dirname + '/public' + target);
  })

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

  server.listen(port, err => {
    if (err) throw err
    console.log(`> Ready on http://localhost:${port}`)
  })
})

这是功能请求还是NextJS中的错误？

NextJS无法识别生产中动态添加的静态资产

0 个答案: