如何修复错误400图像不显示下一个应用程序firebase ssr

Question

我还在firebase上部署ssr应用程序。差不多到了。

我只对我的照片有意见。我在控制台上收到一条400错误消息。图片来自外部url。获取的数据是正确的，但它确实以某种方式显示了出来。您将在下面看到我的server.js文件和next.config.js.

有人能告诉我少了什么吗？

server.js

const { https } = require('firebase-functions');
const { default: next } = require('next');
const isDev = process.env.NODE_ENV !== 'production';
const server = next({
dev: isDev,
//location of .next generated after running -> yarn build
conf: { distDir: '.next' },
image :{ domain :['assets.coingecko.com'],}
});
const nextjsHandle = server.getRequestHandler();
exports.nextServer = https.onRequest((req, res) => {
return server.prepare()
.then(() => {
return nextjsHandle(req, res)
});
});

next.config.js

const webpack = require('webpack');
const path = require('path');
//const withPlugins = require('next-compose-plugins');
//const optimizedImages = require('next-optimized-images');

module.exports = {
images: {
domains: ['assets.coingecko.com'],
loader: 'imgix',
path: 'https://assets.coingecko.com/',
},
reactStrictMode: true,
entry: './src/index.js',
sassOptions: {
includePaths: [path.join(__dirname, 'styles')],
},
module: {
rules: [
//...
{
test: /.(png|jp(e*)g|svg|gif)$/,
use: [
{
loader: 'file-loader',
options: {
name: 'images/[hash]-[name].[ext]',
},
},
],
},
],
},
//...
}

Answer 1

首先，我想感谢您对@julialves的帮助。

我找到了问题的答案。我在这里详细回答了问题如果有人发现自己处于同样的情况。