Question

我正在使用此库https://github.com/frinyvonnick/node-html-to-image

创建图像

输出文件夹是公用（https://nextjs.org/docs/basic-features/static-file-serving）

一切都可以在Dev上正常运行，但是当我构建应用程序并在生产模式下运行时，我无法访问该图像（已创建该图像），但是我收到消息 404该页面无法找到。

const nodeHtmlToImage = require('node-html-to-image')

async function generateImage({ htmlContent }) {
  const htmlFile = `<html>
    <head>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons"/>
      <style>
        body {
          width: 600px;
          height: auto;
        }
      </style>
    </head>
    ${htmlContent}
  </html>`

  const image_name = crypto.randomBytes(20).toString('hex')
  const relativePath = `output/${image_name}.png`
  const output = `${process.env.SERVER_STATIC_URL}/${relativePath}`
  
  return await nodeHtmlToImage({
    output: `./public/${relativePath}`,
    html: htmlFile,
  }).then(() => {
    return { image_src: output }
  })
    .catch((err) => {
      console.log('err')
      return err
    })
}

export { generateImage }

我该如何解决？谢谢！

创建图像NextJS + NodeJS-404找不到此页面

0 个答案: