Next.js映像在本地服务器上工作，但不在生产中工作

utugiqy6 于 2022-10-21 发布在其他

关注(0)|答案(1)|浏览(178)

因此，我已经在Firebase托管上部署了我的下一个js项目。我正在使用Next js图像标签来显示来自Firebase存储的图像。我已经在next.config.js文件中添加了Firebase域，它在本地服务器上运行良好。但当我将其部署到Firebase时，它给出了一个状态400的错误。
这是我的next.config.js文件

/**@type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
swcMinify: true,
images: {
  domains: ["firebasestorage.googleapis.com"],
  },
};

module.exports = nextConfig;

这是我的形象标签

<Box sx={{ position: "relative", height: "100%", width: "100%" }}>
       <Image src={imageUrl} layout="fill" alt="Message from lab" />
  </Box>

next.js

来源：https://stackoverflow.com/questions/74005801/next-js-image-working-in-local-server-but-not-working-in-production

1条答案

按热度按时间

68de4m5k1#

如果您在Firebase上托管SSR，您还需要将该配置添加到Cloud函数，以确保您的服务器示例获取该配置。

const server = next({
  dev: process.env.NODE_ENV !== "production",
  conf: {
    distDir: ".next",
    reactStrictMode: true,
    swcMinify: true,
    images: {
      domains: ["firebasestorage.googleapis.com"],
      },
    };
  },
});

赞(0）回复(0）举报 2022-10-21

我来回答

Next.js映像在本地服务器上工作，但不在生产中工作

1条答案

相关问题

热门标签

最新问答