Я запускаю два контейнера docker setup; Далее JS для publi c, выходящего в Интернет, и Django бэкэнд для администраторов для добавления контента. Маршруты прекрасно работают с getInitialProps
, который извлекает добавленный контент. Поскольку контент ссылается на изображения c, они связаны через docker тома (./static/media
в django контейнере и ./public/media
в следующем js контейнере).
Однако, когда новое изображение появляется в ./public/media
, запущенный сервер Next Js возвращает ответ 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}`)
})
})
Может ли это быть запрос функции или ошибка в следующем JS?